/* Health Quest: Starlight Indigo & Champagne Gold Gamified Discipline UI
   (Audi 2026-10-22: Zero icon backing boxes, zero box-in-box nesting, frameless semantic metadata, sleek Aurora/Champagne buttons). */
.guild-theme {
  --hq-win: #111833;
  --hq-win-2: #182042;
  --hq-ink: #fff9eb;
  --hq-ink-2: #cbd5e1;
  --hq-gold: #f4c56a;
  --hq-sky-1: #060919; --hq-sky-2: #0b112b; --hq-sky-3: #0f1738;
  --hq-scene: url('health-rpg/scene-night.png');
  --hq-scene-top: #070b24;
  --hq-edge: linear-gradient(135deg, #f9e9be 0%, #cfa24c 45%, #7c8ce8 100%);
  --hq-panel: linear-gradient(180deg, rgba(28, 40, 82, .88) 0%, rgba(15, 22, 48, .95) 100%);
  --hq-slot: #182042;
  --hq-slot-line: rgba(148, 163, 248, .28);
  background: radial-gradient(1200px 540px at 50% 0%, rgba(56, 78, 178, .25) 0%, transparent 70%), linear-gradient(180deg, var(--hq-sky-1) 0, var(--hq-sky-2) 420px, var(--hq-sky-3) 1400px, #080c1f 100%) fixed !important;
}
html[data-theme="light"] .guild-theme {
  --hq-win: #131b3a;
  --hq-win-2: #1b254d;
  --hq-sky-1: #5cb2f2; --hq-sky-2: #a8dafc; --hq-sky-3: #e4f4ff;
  --hq-scene: url('health-rpg/scene-day.png');
  --hq-scene-top: #3f9be8;
  background: linear-gradient(180deg, var(--hq-sky-1) 0, var(--hq-sky-2) 420px, var(--hq-sky-3) 1200px, #f3ead8 100%) fixed !important;
}
.guild-theme::before {
  opacity: 1 !important; mask-image: none !important;
  background-image:
    radial-gradient(1px 1px at 12% 18%, #fff6d8 99%, transparent), radial-gradient(1px 1px at 33% 42%, #9fb4ff 99%, transparent),
    radial-gradient(1px 1px at 58% 12%, #fff6d8 99%, transparent), radial-gradient(2px 2px at 76% 33%, #fff6d8 99%, transparent),
    radial-gradient(1px 1px at 88% 64%, #9fb4ff 99%, transparent), radial-gradient(1px 1px at 22% 78%, #fff6d8 99%, transparent),
    radial-gradient(2px 2px at 46% 70%, #fff6d8 99%, transparent), radial-gradient(1px 1px at 67% 88%, #9fb4ff 99%, transparent) !important;
  background-size: 420px 380px !important;
}
html[data-theme="light"] .guild-theme::before { background-image: none !important; }

/* ---------- hide old duplicated hero rows ---------- */
body.has-hq-hud .health-hero,
body.has-hq-hud #today-panel .quick-action-zone,
body.has-hq-hud #today-panel .today-cockpit > .section-heading,
body.has-hq-hud #today-panel .macro-card:is(.protein, .calories) { display: none !important; }

/* ============================================================================
   1. OPEN ARCHITECTURAL SKY ZONES vs SINGLE-SURFACE CARDS (Zero Box-in-Box)
   (Audi 2026-10-22: "ดูสกิลการทำเว้ปเราอีกที และวพวกเว้ปdribbleช่วยอะไรได้ไหม แล้วฉันยังเห็นกล่องในกล่องอยู๋เลยนะ")
   ============================================================================ */
/* 1A. Only true single-surface panels (that do NOT wrap a grid of sub-cards) get a window frame */
.guild-theme #workout-panel#workout-panel aside.training-reference,
.guild-theme #profile-panel#profile-panel :is(aside.character-sheet, article.profile-settings-card, article.quest-settings-card, article.data-vault),
.guild-theme #haumea-sync-summary,
.guild-theme .health-tabs,
.hq-window,
.guild-theme :is(#card-detail-modal, #quick-log-window, #training-exercise-modal) {
  position: relative;
  border: 1.5px solid rgba(244, 197, 106, .45) !important;
  border-image: none !important;
  border-radius: 20px !important;
  background-color: var(--hq-win) !important;
  background-image: var(--hq-panel) !important;
  box-shadow: 0 16px 36px rgba(4, 6, 20, .55), inset 0 1px 0 rgba(255, 243, 209, .22) !important;
}
.guild-theme #workout-panel#workout-panel aside.training-reference,
.guild-theme #profile-panel#profile-panel :is(aside.character-sheet, article.profile-settings-card, article.quest-settings-card, article.data-vault) {
  padding: clamp(1.25rem, 2.2vw, 1.55rem) !important;
}

/* 1B. All Zone Wrappers (<section>, <details>, .care-today, .training-week, .habit-hub, .people-hub)
       are OPEN ARCHITECTURAL SKY ZONES divided by large headings + top hairline (Zero outer box!) */
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel) > :is(section:not(.hq-room), details, .care-today),
.guild-theme #workout-panel#workout-panel .training-week,
.guild-theme #profile-panel#profile-panel article.habit-hub,
.guild-theme #people-panel#people-panel .people-hub {
  position: relative;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-top: 1px solid rgba(148, 163, 248, .22) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 1.45rem 0 0 !important;
  margin-bottom: 1.85rem !important;
}
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel) > .hq-room + :is(section, details, .care-today),
.guild-theme #workout-panel#workout-panel .training-layout > .training-week {
  border-top: 0 !important;
  padding-top: .35rem !important;
}
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel) > :is(section:not(.hq-room), details, .care-today)::before,
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel) > :is(section:not(.hq-room), details, .care-today)::after {
  display: none !important;
}

/* Multi-column layout grids are NEVER outer boxes around their child zones */
.guild-theme #workout-panel#workout-panel > .training-layout,
.guild-theme #profile-panel#profile-panel > section.profile-command {
  border: 0 !important; background: transparent !important; background-image: none !important; box-shadow: none !important; padding: 0 !important;
}
.guild-theme #workout-panel#workout-panel > .training-layout::before,
.guild-theme #profile-panel#profile-panel > section.profile-command::before { display: none !important; }

.guild-theme .health-panel :is(.section-heading, .daily-adventure-heading) h2,
.guild-theme .health-panel > section > h2,
.guild-theme .health-panel h2[style*="Silkscreen"] {
  font-family: 'AK Thai','Google Sans','Outfit', 'Sarabun', var(--font-display) !important;
  font-size: clamp(1.48rem, 2.3vw, 1.88rem) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -.015em !important;
  color: var(--hq-ink) !important;
  text-shadow: 0 2px 12px rgba(4, 6, 20, .65);
  white-space: normal !important;
  overflow-wrap: anywhere;
  min-width: 0;
  max-width: 100%;
}
.guild-theme .health-panel :is(.section-heading, .daily-adventure-heading) > div { min-width: 0; }
.guild-theme .health-panel :is(.section-heading, .daily-adventure-heading) > div > p,
.guild-theme .health-panel .section-heading p { color: var(--hq-gold) !important; font: 800 .76rem/1.2 'AK Thai','Google Sans','Outfit', sans-serif !important; letter-spacing: .1em !important; text-transform: uppercase !important; }
.guild-theme .health-panel :is(.section-heading, .daily-adventure-heading) > div > :is(span, small):not([class]) { color: var(--hq-ink-2) !important; }

/* ============================================================================
   2. ZERO ICON / EMOJI BACKING BOXES ACROSS ALL 10 TABS + GAMIFICATION RESTORE
   (Audi 2026-10-22: "กรอบ 4 เหลี่ยมข้างหลังอิโมจิ เราห้ามใช้ ไม่ใช่เหรอ?" & "16-BIT KNIGHT หายไปไหน ... พวกตัวการ์ตูน gamification effect ต่างๆไปไหนหมด")
   ============================================================================ */
.guild-theme :is(
  .hq-action-slot,
  .hq-tile-icon,
  .rpg-icon-slot,
  #today-panel #quick-actions button > .rpg-icon-slot,
  #today-panel .today-journal-action > .rpg-icon-slot,
  .routine-phase-pill .routine-phase-icon,
  .routine-phase-icon,
  .routine-step .routine-marker.has-rpg-icon,
  .routine-marker.has-rpg-icon,
  .checklist-empty-icon,
  .workout-preset-icon,
  .workout-preset-icon.rpg-icon-slot,
  .training-day-icon,
  .training-exercise-icon,
  .training-routine-chevron,
  .food-rank-badge,
  .food-meal-number,
  .food-supp-thumb:not(.has-photo),
  .food-detail-emoji,
  .capture-route-icon,
  .universal-intake-action .capture-route-icon,
  .capture-route-compass,
  .care-card-icon,
  .care-card--compact .care-card-icon,
  .habit-card-icon,
  .badge-icon,
  .quest-icon,
  .modal-detail-icon,
  #card-detail-modal .modal-detail-icon,
  .panel-heading > span[aria-hidden="true"],
  .profile-card-heading > span[aria-hidden="true"],
  .mental-card > span[aria-hidden="true"]:not(.breathing-orb),
  .section-heading > span[aria-hidden="true"],
  .bq-header > span[aria-hidden="true"],
  [data-workout-kind] > span[aria-hidden="true"]
) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.guild-theme :is(.hq-action-slot, .hq-tile-icon, .rpg-icon-slot, .workout-preset-icon) .rpg-icon {
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .45));
}
.guild-theme .food-rank-badge { width: auto !important; height: auto !important; font-size: 2.1rem !important; line-height: 1 !important; }
.guild-theme .food-meal-number { width: auto !important; height: auto !important; color: var(--hq-gold) !important; font-weight: 800 !important; margin-right: .15rem; }
.guild-theme .training-routine-chevron { display: none !important; }
.guild-theme .habit-card-icon { width: auto !important; height: auto !important; font-size: 1.45rem !important; line-height: 1 !important; }

/* Animated Pixel Knights (8-BIT SCOUT, 16-BIT KNIGHT, 32-BIT GUARDIAN) & Gamification Effects */
.guild-theme .pixel-era {
  display: inline-grid !important;
  justify-items: center !important;
  align-content: center !important;
  gap: .35rem !important;
  padding: .6rem .8rem !important;
  border-radius: 14px !important;
  background-color: #141c3c !important;
  background-image: radial-gradient(circle at 50% 28%, rgba(244, 197, 106, .24), rgba(15, 22, 50, .94) 72%) !important;
  border: 1px solid rgba(244, 197, 106, .52) !important;
  box-shadow: 0 8px 20px rgba(4, 6, 20, .48), inset 0 1px 0 rgba(255, 245, 214, .22) !important;
}
.guild-theme .pixel-era-label {
  display: inline-block !important;
  padding: .14rem .48rem !important;
  border-radius: 999px !important;
  background-color: rgba(11, 15, 36, .75) !important;
  border: 1px solid rgba(244, 197, 106, .38) !important;
  font: 700 .64rem/1.1 'Silkscreen', monospace !important;
  letter-spacing: .05em !important;
  color: var(--hq-gold) !important;
  text-shadow: 0 1px 0 #000 !important;
  white-space: nowrap !important;
}
.guild-theme .pixel-knight {
  display: block !important;
  width: 64px !important;
  height: 64px !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-size: 256px 64px !important;
  border: 0 !important;
  box-shadow: none !important;
  image-rendering: pixelated !important;
  filter: drop-shadow(0 6px 8px rgba(0, 0, 0, .55)) !important;
  animation: knight-march 1s steps(4) infinite, pixel-float 2.6s ease-in-out infinite !important;
}
.guild-theme .pixel-knight-8 { background-image: url('health-knight-8.png') !important; }
.guild-theme .pixel-knight-16 { background-image: url('health-knight-16.png') !important; }
.guild-theme .pixel-knight-32 { background-image: url('health-knight-32.png') !important; }
.guild-theme .pixel-boss {
  display: inline-grid !important;
  place-items: center !important;
  font-size: 2.75rem !important;
  line-height: 1 !important;
  filter: drop-shadow(0 6px 14px rgba(0, 0, 0, .6)) !important;
  animation: boss-idle 2.4s ease-in-out infinite !important;
}
.guild-theme .boss-track {
  height: 10px !important;
  border-radius: 999px !important;
  background-color: #0b0f24 !important;
  border: 1px solid rgba(244, 197, 106, .35) !important;
  overflow: hidden !important;
}
.guild-theme .boss-track > i {
  display: block !important;
  height: 100% !important;
  background: linear-gradient(90deg, #ef4444 0%, #f59e0b 60%, #fde047 100%) !important;
  box-shadow: 0 0 12px rgba(245, 158, 11, .5) !important;
}
.guild-theme .breathing-orb {
  display: inline-grid !important;
  place-items: center !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  background-color: #1e3a8a !important;
  background-image: radial-gradient(circle at 35% 30%, #e0f2fe 0%, #38bdf8 42%, #4f46e5 82%, #1e1b4b 100%) !important;
  border: 1.5px solid rgba(125, 211, 252, .65) !important;
  box-shadow: 0 0 22px rgba(56, 189, 248, .45), inset 0 2px 6px rgba(255, 255, 255, .45) !important;
  animation: orb-breathe 4s ease-in-out infinite !important;
  flex-shrink: 0 !important;
}
.guild-theme .breathing-orb::before { content: none !important; }
.guild-theme .consistency-rank-seal {
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  width: 78px !important;
  height: 78px !important;
  border-radius: 50% !important;
  background-color: #141c3c !important;
  background-image: radial-gradient(circle at 32% 28%, rgba(244, 197, 106, .28), rgba(15, 22, 50, .95) 72%) !important;
  border: 2px solid rgba(244, 197, 106, .65) !important;
  box-shadow: 0 0 20px rgba(244, 197, 106, .22), inset 0 1px 0 rgba(255, 255, 255, .2) !important;
  color: var(--hq-gold) !important;
}
.guild-theme .level-orbit {
  display: grid !important;
  place-items: center !important;
  width: 78px !important;
  height: 78px !important;
  border-radius: 50% !important;
  background-color: #141c3c !important;
  background-image: radial-gradient(circle at 32% 28%, rgba(56, 189, 248, .28), rgba(15, 22, 50, .95) 72%) !important;
  border: 2px solid rgba(244, 197, 106, .65) !important;
  box-shadow: 0 0 22px rgba(244, 197, 106, .25), inset 0 1px 0 rgba(255, 255, 255, .2) !important;
  color: #fff9eb !important;
}

/* ============================================================================
   3. ZERO BOX-IN-BOX NESTING ACROSS ALL 10 TABS
   (Audi 2026-10-22: "แล้วทำไมยังเจอกล่อง 4 เหลี่ยมในกล่อง 4 เหลี่ยมเยอะเลย?" & "ฉันยังเห็นกล่องในกล่องอยู๋เลยนะ")
   ============================================================================ */
/* 3A. Level-1 Cards sitting directly on open sky zones: sleek Aurora Indigo surface */
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel) :is([data-hqs="paper"], [data-hqs="wood"]),
.guild-theme :is(#card-detail-modal, #quick-log-window, #training-exercise-modal) :is([data-hqs="paper"], [data-hqs="wood"]),
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) :is(.training-exercise, .program-day-tab:not(.active), .food-meal, .food-supp, .food-topup-item, .workout-preset-card, .starter-card) {
  color: var(--hq-ink) !important;
  background-color: var(--hq-slot) !important;
  background-image: linear-gradient(145deg, rgba(148, 163, 248, .10) 0%, rgba(17, 24, 51, .16) 100%) !important;
  border: 1px solid var(--hq-slot-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 16px rgba(4, 6, 20, .32), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel) [data-hqs="paper-solid"] {
  background-color: var(--hq-win) !important;
  background-image: var(--hq-panel) !important;
  border: 1.5px solid rgba(244, 197, 106, .45) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 28px rgba(4, 6, 20, .48) !important;
}

/* 3B. Anything inside a card ([data-hqs="paper-inner"]) & intermediate wrappers lose their box entirely */
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal) :is(
  [data-hqs="paper-inner"],
  .routine-overview,
  .routine-lane,
  .routine-lane.routine-lane-open,
  .main-quest-board,
  .side-quest-board,
  .guild-board-crown,
  .daily-checklist,
  .checklist-empty,
  .life-today-zone,
  .training-week-summary,
  .program-row,
  .training-session-banner,
  .training-exercise-options,
  .training-exercise-media,
  .training-start-note,
  .training-reference-empty,
  #training-reference-empty,
  .training-glossary,
  .program-form,
  #program-form,
  .habit-form,
  #habit-form,
  .contextual-editor,
  .training-inline-editor,
  .food-custom-editor,
  #care-form,
  #person-form,
  .food-rank,
  .food-meter,
  .food-quest,
  .food-whey-label,
  .food-meal-count,
  details,
  .quick-log-switcher,
  .log-form-surface,
  .capture-form,
  .photo-preview,
  .haumea-callout,
  .care-today-board,
  .care-today-group,
  .care-routine-guides,
  .care-shelf,
  .care-empty,
  .bq-empty,
  .calendar-legend,
  .day-summary,
  .chart-card,
  .stat-grid,
  .character-stats,
  .character-stats > article,
  .character-radar-wrap,
  .danger-zone,
  #mental-journal-composer,
  #today-journal-composer,
  #routine-manager,
  #quest-manager
) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Warm-up / Cool-down Routines (.training-routine): sleek left-accent lane, NEVER a 4-sided box */
.guild-theme #workout-panel#workout-panel#workout-panel details.training-routine {
  border-left: 3px solid #f59e0b !important;
  padding: .35rem 0 .45rem 1rem !important;
  margin: .35rem 0 !important;
}
.guild-theme #workout-panel#workout-panel#workout-panel details.training-routine.training-routine--static {
  border-left-color: #38bdf8 !important;
}
.guild-theme #workout-panel#workout-panel#workout-panel .training-edit-content {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--hq-gold) !important;
  padding: .15rem .35rem !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Clean hairline dividers where boxes used to be */
.guild-theme :is(#mental-journal-composer, #today-journal-composer, #routine-manager, #quest-manager) {
  border-top: 1px solid rgba(148, 163, 248, .22) !important;
  padding: 1.15rem 0 .25rem !important;
  margin-top: .85rem !important;
}
.guild-theme #today-panel#today-panel .daily-checklist {
  border-left: 1px solid rgba(148, 163, 248, .18) !important;
  padding-left: 1.25rem !important;
}
@media (max-width: 900px) {
  .guild-theme #today-panel#today-panel .daily-checklist {
    border-left: 0 !important;
    border-top: 1px solid rgba(148, 163, 248, .18) !important;
    padding-left: 0 !important;
    padding-top: 1rem !important;
  }
}
.guild-theme #workout-panel#workout-panel .training-week-summary,
.guild-theme #food-panel#food-panel .food-rank,
.guild-theme #food-panel#food-panel .food-whey-label {
  border-bottom: 1px solid rgba(148, 163, 248, .18) !important;
  padding: .25rem 0 .9rem !important;
  margin-bottom: 1rem !important;
}
.guild-theme #food-panel#food-panel :is(.food-meter, .food-quest) {
  border-top: 1px solid rgba(148, 163, 248, .16) !important;
  padding: .7rem 0 !important;
}
.guild-theme #workout-panel#workout-panel .program-row,
.guild-theme #workout-panel#workout-panel .training-exercise-options,
.guild-theme #workout-panel#workout-panel .training-glossary,
.guild-theme #workout-panel#workout-panel #training-reference-empty,
.guild-theme #food-panel#food-panel .training-glossary,
.guild-theme #profile-panel#profile-panel .danger-zone {
  border-top: 1px solid rgba(148, 163, 248, .16) !important;
  padding-top: .75rem !important;
}
.guild-theme #workout-panel#workout-panel .training-routines {
  grid-template-columns: 1fr !important;
}
.guild-theme #workout-panel#workout-panel .training-option {
  display: grid !important;
  grid-template-columns: minmax(98px, max-content) minmax(0, 1fr) !important;
  column-gap: .65rem !important;
  align-items: baseline !important;
}
.guild-theme #workout-panel#workout-panel .training-exercise-metrics {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: .4rem 0 .6rem !important;
  padding: .55rem 0 !important;
  border-top: 1px solid rgba(148, 163, 248, .16) !important;
  border-bottom: 1px solid rgba(148, 163, 248, .16) !important;
}
.guild-theme #workout-panel#workout-panel .training-metric {
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid rgba(148, 163, 248, .16) !important;
  border-radius: 0 !important;
  padding: 0 .6rem !important;
}
.guild-theme #workout-panel#workout-panel .training-metric:first-child { padding-left: 0 !important; }
.guild-theme #workout-panel#workout-panel .training-metric:last-child { border-right: 0 !important; padding-right: 0 !important; }
.guild-theme #workout-panel#workout-panel .training-photo-button {
  width: auto !important;
  justify-self: start !important;
}

/* History, Mental, Insights & Character internal hairline grids instead of nested boxes */
.guild-theme #calendar-panel#calendar-panel .day-summary > article,
.guild-theme #mental-panel#mental-panel .mood-stat-chip,
.guild-theme #profile-panel#profile-panel aside.character-sheet .character-stats > article {
  border-right: 1px solid rgba(148, 163, 248, .16) !important;
  padding: .35rem .75rem !important;
}
.guild-theme #calendar-panel#calendar-panel .day-summary > article:last-child,
.guild-theme #mental-panel#mental-panel .mood-stat-chip:last-child,
.guild-theme #profile-panel#profile-panel aside.character-sheet .character-stats > article:last-child {
  border-right: 0 !important;
}
.guild-theme #progress-panel#progress-panel p#weekly-review {
  border-top: 1px solid rgba(148, 163, 248, .16) !important;
  padding: .75rem 0 0 !important;
  margin-top: .5rem !important;
}
.guild-theme #progress-panel#progress-panel .insight-overview {
  gap: 1.5rem !important;
}
.guild-theme #progress-panel#progress-panel .score-card {
  border-right: 1px solid rgba(148, 163, 248, .18) !important;
  padding-right: 1.25rem !important;
}
.guild-theme #progress-panel#progress-panel .coverage-card {
  border-left: 1px solid rgba(148, 163, 248, .18) !important;
  padding-left: 1.25rem !important;
}
.guild-theme #progress-panel#progress-panel .progress-zone .level-panel {
  border-right: 1px solid rgba(148, 163, 248, .18) !important;
  padding-right: 1.25rem !important;
}
.guild-theme #progress-panel#progress-panel .progress-zone .stat-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .65rem !important;
}
.guild-theme #progress-panel#progress-panel .progress-zone .stat {
  display: grid !important;
  justify-items: start !important;
  gap: .2rem !important;
  padding: .75rem .9rem !important;
  border-radius: 12px !important;
  background-color: #182042 !important;
  background-image: linear-gradient(145deg, rgba(148, 163, 248, .10), rgba(17, 24, 51, .2)) !important;
  border: 1px solid rgba(148, 163, 248, .26) !important;
  box-shadow: 0 4px 12px rgba(4, 6, 20, .28) !important;
}
/* Character Sheet Attribute Rows: STR / INT / VIT / DEX / LUK with semantic left accent bars (Zero Box-in-Box inside aside.character-sheet) */
.guild-theme #profile-panel#profile-panel aside.character-sheet .attribute-grid {
  display: grid !important;
  gap: 0 !important;
  margin-top: .75rem !important;
  border-top: 1px solid rgba(148, 163, 248, .16) !important;
}
.guild-theme #profile-panel#profile-panel aside.character-sheet #attribute-str { --stat-color: #ff6b6b; }
.guild-theme #profile-panel#profile-panel aside.character-sheet #attribute-int { --stat-color: #6ea8ff; }
.guild-theme #profile-panel#profile-panel aside.character-sheet #attribute-vit { --stat-color: #59d18c; }
.guild-theme #profile-panel#profile-panel aside.character-sheet #attribute-dex { --stat-color: #f4bd50; }
.guild-theme #profile-panel#profile-panel aside.character-sheet #attribute-luk { --stat-color: #bc83ff; }
.guild-theme #profile-panel#profile-panel aside.character-sheet article[id^="attribute-"] {
  display: grid !important;
  gap: .36rem !important;
  padding: .65rem 0 .65rem .85rem !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-left: 3px solid var(--stat-color, #f4c56a) !important;
  border-bottom: 1px solid rgba(148, 163, 248, .16) !important;
  box-shadow: none !important;
}
.guild-theme #profile-panel#profile-panel aside.character-sheet article[id^="attribute-"] > div:first-child {
  display: flex !important;
  align-items: center !important;
  gap: .5rem !important;
}
.guild-theme #profile-panel#profile-panel aside.character-sheet article[id^="attribute-"] strong {
  color: var(--stat-color, #fff9eb) !important;
  font: 800 .95rem/1.2 'AK Thai','Google Sans','Outfit', sans-serif !important;
}
.guild-theme #profile-panel#profile-panel aside.character-sheet article[id^="attribute-"] span {
  color: #cbd5e1 !important;
  font-size: .82rem !important;
}
.guild-theme #profile-panel#profile-panel aside.character-sheet article[id^="attribute-"] b {
  margin-left: auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--stat-color, #f4c56a) !important;
  font: 800 .82rem/1.1 'JetBrains Mono', 'Outfit', monospace !important;
}
.guild-theme #profile-panel#profile-panel aside.character-sheet article[id^="attribute-"] b i {
  font-style: normal !important;
  color: inherit !important;
}
.guild-theme #profile-panel#profile-panel aside.character-sheet article[id^="attribute-"] .attribute-track em {
  display: block !important;
  height: 100% !important;
  background: var(--stat-color, #f4c56a) !important;
  box-shadow: 0 0 10px var(--stat-color, #f4c56a) !important;
  border-radius: 999px !important;
}
.guild-theme #profile-panel#profile-panel aside.character-sheet .character-radar-wrap {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-top: 1px solid rgba(148, 163, 248, .16) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: .85rem 0 0 !important;
  margin-top: .5rem !important;
}
.guild-theme #profile-panel#profile-panel svg#character-radar .radar-str { fill: #ff8787 !important; }
.guild-theme #profile-panel#profile-panel svg#character-radar .radar-int { fill: #8ec0ff !important; }
.guild-theme #profile-panel#profile-panel svg#character-radar .radar-vit { fill: #6ee7b7 !important; }
.guild-theme #profile-panel#profile-panel svg#character-radar .radar-dex { fill: #fcd34d !important; }
.guild-theme #profile-panel#profile-panel svg#character-radar .radar-luk { fill: #d8b4fe !important; }
.guild-theme #profile-panel#profile-panel aside.character-sheet .character-summary > * {
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid rgba(148, 163, 248, .16) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.guild-theme #profile-panel#profile-panel aside.character-sheet .character-summary > *:last-child { border-right: 0 !important; }
.guild-theme :is(.attribute-track, .weekly-card-bar, .coverage-progress, .xp-track, .character-xp-track, .routine-progress-track, .quest-progress) {
  background-color: #0b0f24 !important;
  border: 1px solid rgba(148, 163, 248, .24) !important;
  border-radius: 999px !important;
}

/* 3C. ALL <details> & <summary> inside panels and modals are FRAMELESS HAIRLINE FOLDS (Zero Box-in-Box!) */
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #quick-log-window, #card-detail-modal, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #quick-log-window, #card-detail-modal, #training-exercise-modal) details {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-top: .65rem !important;
  margin-bottom: .75rem !important;
}
/* Care Panel: generous spacing between + Add and NEW TO THIS? starter section */
.guild-theme #care-panel#care-panel .care-today-head {
  margin-bottom: .75rem !important;
}
.guild-theme #care-panel#care-panel details.care-add-menu {
  margin: .35rem 0 1.25rem !important;
}
.guild-theme #care-panel#care-panel .care-starter {
  margin-top: .5rem !important;
  padding: 0 !important;
  border: 0 !important;
}
.guild-theme #care-panel#care-panel .care-starter-eyebrow {
  margin: .25rem 0 .45rem !important;
  padding-top: 1.2rem !important;
  border-top: 1px solid rgba(148, 163, 248, .22) !important;
  color: var(--hq-gold) !important;
  font: 800 .8rem/1.3 'AK Thai','Google Sans','Outfit', 'Plus Jakarta Sans', sans-serif !important;
  letter-spacing: .06em !important;
}
.guild-theme #care-panel#care-panel .care-starter > h3 {
  margin: 0 0 .85rem !important;
  color: #fff9eb !important;
  font-size: 1.25rem !important;
  line-height: 1.32 !important;
}
.guild-theme #care-panel#care-panel .care-starter-list {
  display: grid !important;
  gap: .65rem !important;
  margin: .9rem 0 1.15rem !important;
  padding-left: 1.25rem !important;
  line-height: 1.5 !important;
}
.guild-theme #care-panel#care-panel .care-starter > .primary-action {
  margin: .2rem 0 .9rem !important;
}
.guild-theme #care-panel#care-panel .care-starter-source {
  display: block !important;
  margin: .5rem 0 1.25rem !important;
  line-height: 1.45 !important;
  color: var(--hq-ink-2) !important;
}
.guild-theme #care-panel#care-panel .care-routine-guides {
  margin-top: 1.25rem !important;
  padding-top: 1.2rem !important;
  border-top: 1px solid rgba(148, 163, 248, .22) !important;
}
/* Every <summary> inside panels & modals is a frameless hairline disclosure row (never a 4-sided box) */
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #quick-log-window, #card-detail-modal, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #quick-log-window, #card-detail-modal, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #quick-log-window, #card-detail-modal, #training-exercise-modal) details > summary {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .45rem .65rem !important;
  list-style: none !important;
  cursor: pointer !important;
  min-height: 42px !important;
  padding: .45rem .15rem !important;
  color: var(--hq-ink) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-top: 1px solid rgba(148, 163, 248, .2) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #quick-log-window, #card-detail-modal, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #quick-log-window, #card-detail-modal, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #quick-log-window, #card-detail-modal, #training-exercise-modal) details > summary:hover {
  color: var(--hq-gold) !important;
  border-top-color: rgba(244, 197, 106, .48) !important;
  background: transparent !important;
}
.guild-theme summary[data-hq-fold]::-webkit-details-marker { display: none; }
.guild-theme summary[data-hq-fold]::marker { content: ''; }
.guild-theme summary[data-hq-fold]::before {
  content: attr(data-emoji) !important; display: inline !important; position: static !important;
  width: auto !important; height: auto !important; background: none !important; border: 0 !important;
  transform: none !important; font-size: 1.05rem;
}
/* Open / Close indicator on <summary> is ALWAYS frameless gold typography, NEVER a yellow button box inside <summary> */
.guild-theme summary[data-hq-fold]::after {
  content: 'Open ▾' !important; display: inline-block !important; position: static !important;
  margin-left: auto; padding: 0 !important; border-radius: 0 !important;
  color: var(--hq-gold) !important; background: transparent !important; background-image: none !important;
  box-shadow: none !important; border: 0 !important;
  font: 700 .82rem/1 'AK Thai','Google Sans','Outfit', sans-serif !important; white-space: nowrap; transform: none !important;
  width: auto !important; height: auto !important;
}
.guild-theme details[open] > summary[data-hq-fold]::after {
  content: 'Close ▴' !important; color: var(--hq-ink-2) !important;
  background: transparent !important; background-image: none !important; box-shadow: none !important;
}
.guild-theme details[open] > summary[data-hq-fold] {
  margin-bottom: .65rem;
  border-bottom: 1px solid rgba(148, 163, 248, .16) !important;
  padding-bottom: .55rem !important;
}

/* ============================================================================
   4. FRAMELESS SEMANTIC METADATA CHIPS & TRAINING WEEK SUMMARY
   (Audi 2026-10-22: "สีปุ่มก็ไม่สวย เช่น 🏋️ 3 strength 🚶 2 cardio 🧘 1 mobility ⏱ ≈ 4 h 10 min / week")
   ============================================================================ */
.guild-theme .training-week-chips {
  display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: .4rem 0 !important;
}
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) .training-week-chip {
  display: inline-flex !important; align-items: center !important; gap: .32rem !important;
  padding: 0 !important; border-radius: 0 !important;
  background: transparent !important; background-color: transparent !important; background-image: none !important;
  border: 0 !important; box-shadow: none !important;
  font: 700 .92rem/1.35 'AK Thai','Google Sans','Outfit', 'Plus Jakarta Sans', sans-serif !important;
  color: #e2e8f0 !important; white-space: nowrap;
}
.guild-theme #workout-panel#workout-panel .training-week-chip + .training-week-chip::before {
  content: '·'; margin: 0 .7rem; color: rgba(148, 163, 248, .45); font-weight: 400;
}
.guild-theme #workout-panel#workout-panel .training-week-chip--strength { color: #fbbf24 !important; }
.guild-theme #workout-panel#workout-panel .training-week-chip--cardio { color: #34d399 !important; }
.guild-theme #workout-panel#workout-panel .training-week-chip--mobility { color: #38bdf8 !important; }

/* All non-interactive metadata tags across Food, Today, Train, Body, Care, Character are frameless semantic text */
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel) :is(
  .food-chip,
  .food-tier,
  .food-streak,
  .priority-tag,
  .quest-stat-badge,
  .quest-state,
  .quest-summary,
  #daily-quest-summary,
  .quest-reward,
  .quest-rule-note,
  .quest-cadence,
  .routine-phase-count,
  #checklist-count,
  .bq-pill,
  .care-chip,
  .training-session-kind,
  .training-session-done,
  .training-routine-time,
  .training-routine-count,
  .training-exercise-role
) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  font-weight: 700 !important;
}
.guild-theme #food-panel#food-panel .food-topup-chips,
.guild-theme #food-panel#food-panel .food-meal-macros,
.guild-theme #food-panel#food-panel .food-topup-legend {
  display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: .25rem .85rem !important;
}
.guild-theme #food-panel#food-panel .food-chip--protein,
.guild-theme #food-panel#food-panel .food-tier--lean { color: #34d399 !important; }
.guild-theme #food-panel#food-panel .food-chip:not(.food-chip--protein):not(.food-chip--tier),
.guild-theme #food-panel#food-panel .food-tier--balanced { color: #fbbf24 !important; }
.guild-theme #food-panel#food-panel .food-chip--tier,
.guild-theme #food-panel#food-panel .food-tier--energy { color: #cbd5e1 !important; font-weight: 600 !important; }
.guild-theme #food-panel#food-panel .food-streak { color: var(--hq-gold) !important; font-size: .88rem !important; }
.guild-theme .priority-tag.priority-high { color: #fbbf24 !important; }
.guild-theme .priority-tag.priority-medium,
.guild-theme .priority-tag:not(.priority-high):not(.priority-low) { color: #38bdf8 !important; }
.guild-theme .priority-tag.priority-low { color: #34d399 !important; }
.guild-theme .quest-stat-badge.stat-str { color: #fb923c !important; }
.guild-theme .quest-stat-badge.stat-int { color: #c084fc !important; }
.guild-theme .quest-stat-badge.stat-vit { color: #f472b6 !important; }
.guild-theme .quest-stat-badge.stat-dex { color: #38bdf8 !important; }
.guild-theme .quest-stat-badge.stat-luk { color: #34d399 !important; }
.guild-theme .quest-state,
.guild-theme .quest-summary,
.guild-theme #daily-quest-summary,
.guild-theme .routine-phase-count,
.guild-theme #checklist-count {
  color: var(--hq-gold) !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: .85rem !important;
}
.guild-theme :is(.quest-reward, .quest-rule-note) {
  color: var(--hq-gold) !important;
  font-size: .8rem !important;
  line-height: 1.4 !important;
}
.guild-theme .quest-reward::before { display: none !important; }
.guild-theme .bq-pill { color: #cbd5e1 !important; margin-right: .65rem; }
.guild-theme .training-exercise-role--main { color: #fbbf24 !important; }
.guild-theme .training-exercise-role--shoulder { color: #38bdf8 !important; }
.guild-theme .training-exercise-role--core { color: #34d399 !important; }
.guild-theme .training-session-kind { color: #38bdf8 !important; }
.guild-theme .training-session-done { color: #34d399 !important; }

/* ============================================================================
   5. SLEEK AURORA & CHAMPAGNE GOLD BUTTON SYSTEM (Specificity 0,4,2 > Parchment 0,2,3)
   ============================================================================ */
/* 5A. Primary CTA Buttons: Champagne Gold (never on <summary>) */
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal) :is(.primary-action:not(summary), .food-log-button, .hero-log-action, .btn-quick-log, .training-inline-save, .contextual-editor button[type="submit"]),
.hq-actions .hq-action:first-child,
button.hq-disc-chip--rhythm {
  border: 1px solid rgba(255, 245, 214, .82) !important;
  border-radius: 11px !important;
  color: #181208 !important;
  font-weight: 800 !important;
  background-color: #eab85c !important;
  background-image: linear-gradient(135deg, #f9e9be 0%, #f0c468 52%, #d99b38 100%) !important;
  box-shadow: 0 4px 14px rgba(217, 155, 56, .28), inset 0 1px 0 rgba(255, 255, 255, .7) !important;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background-color .15s ease;
}
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal) :is(.primary-action:not(summary), .food-log-button, .hero-log-action, .btn-quick-log, .training-inline-save, .contextual-editor button[type="submit"]) * {
  color: #181208 !important;
}
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal) :is(.primary-action:not(summary), .food-log-button, .hero-log-action, .btn-quick-log, .training-inline-save, .contextual-editor button[type="submit"]):hover:not(:disabled),
.hq-actions .hq-action:first-child:hover,
button.hq-disc-chip--rhythm:hover {
  transform: translateY(-2px) !important;
  border-color: #fffbeb !important;
  color: #181208 !important;
  background-color: #f6cf70 !important;
  background-image: linear-gradient(135deg, #fff6d6 0%, #f7d47c 52%, #e6ac45 100%) !important;
  box-shadow: 0 8px 22px rgba(244, 197, 106, .42), 0 0 0 1px rgba(255, 248, 220, .45), inset 0 1px 0 rgba(255, 255, 255, .88) !important;
}
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal) :is(.primary-action:not(summary), .food-log-button, .hero-log-action, .btn-quick-log, .training-inline-save, .contextual-editor button[type="submit"]):hover:not(:disabled) * {
  color: #181208 !important;
}

/* 5B. Complete / Instant Log Action Buttons (+ Log, Start, Complete): Luminous Emerald-Teal Glass */
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal) :is(.complete-button, .success-action, .habit-complete, .care-use-toggle.is-done, .food-topup-log:not(:disabled)),
button.hq-disc-chip--rhythm.is-done {
  border: 1.5px solid rgba(110, 231, 183, .72) !important;
  border-radius: 11px !important;
  color: #ecfdf5 !important;
  font-weight: 700 !important;
  background-color: #0d4a3e !important;
  background-image: linear-gradient(135deg, #10b981 0%, #059669 55%, #047857 100%) !important;
  box-shadow: 0 4px 14px rgba(16, 185, 129, .28), inset 0 1px 0 rgba(255, 255, 255, .28) !important;
  transition: transform .15s ease, border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal) :is(.complete-button, .success-action, .habit-complete, .care-use-toggle.is-done, .food-topup-log:not(:disabled)) * {
  color: #ecfdf5 !important;
}
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal) :is(.complete-button, .success-action, .habit-complete, .care-use-toggle.is-done, .food-topup-log:not(:disabled)):hover:not(:disabled),
button.hq-disc-chip--rhythm.is-done:hover {
  transform: translateY(-2px) !important;
  border-color: #a7f3d0 !important;
  color: #ffffff !important;
  background-color: #106251 !important;
  background-image: linear-gradient(135deg, #34d399 0%, #10b981 52%, #059669 100%) !important;
  box-shadow: 0 8px 20px rgba(16, 185, 129, .42), 0 0 0 1px rgba(167, 243, 208, .38), inset 0 1px 0 rgba(255, 255, 255, .42) !important;
}
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal) :is(.complete-button, .success-action, .habit-complete, .care-use-toggle.is-done, .food-topup-log:not(:disabled)):hover:not(:disabled) * {
  color: #ffffff !important;
}

/* 5C. Secondary / Utility / Guide / Photo / Edit Buttons: Starlight Sapphire-Navy Glass */
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal) :is(
  .secondary-action, .text-action, .ledger-action, .mental-action, .universal-intake-action,
  .care-edit-button, .habit-edit, .routine-edit, .context-edit-trigger, .cancel-edit,
  .detail-task-edit, .upload-btn, .food-photo-button, .training-photo-button,
  .notion-refresh-action, .training-view-guide, .training-step-guide-btn, .training-edit-exercise,
  .training-edit-content, .training-inline-cancel, .food-topup-add,
  .btn-detail-log, .row-actions button:not(.danger-row-action):not(.complete-button),
  .calendar-controls button, .source-edit-action, .routine-item-actions button,
  .contextual-editor button:not([type="submit"]), .bq-starter,
  #haumea-import.import-label, #export-data
),
.guild-theme #health-undo-bar .health-undo-button {
  border: 1px solid rgba(148, 163, 248, .48) !important;
  border-radius: 10px !important;
  color: #fff9eb !important;
  font-weight: 600 !important;
  background-color: #1c284f !important;
  background-image: linear-gradient(180deg, rgba(64, 90, 162, .74) 0%, rgba(28, 42, 86, .94) 100%) !important;
  box-shadow: 0 3px 10px rgba(4, 8, 24, .34), inset 0 1px 0 rgba(255, 255, 255, .14) !important;
  text-decoration: none !important;
  transition: transform .15s ease, border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal) :is(
  .secondary-action, .text-action, .ledger-action, .mental-action, .universal-intake-action,
  .care-edit-button, .habit-edit, .routine-edit, .context-edit-trigger, .cancel-edit,
  .detail-task-edit, .upload-btn, .food-photo-button, .training-photo-button,
  .notion-refresh-action, .training-view-guide, .training-step-guide-btn, .training-edit-exercise,
  .training-edit-content, .training-inline-cancel, .food-topup-add,
  .btn-detail-log, .row-actions button:not(.danger-row-action):not(.complete-button),
  .calendar-controls button, .source-edit-action, .routine-item-actions button,
  .contextual-editor button:not([type="submit"]), .bq-starter,
  #haumea-import.import-label, #export-data
):hover:not(:disabled),
.guild-theme #health-undo-bar .health-undo-button:hover {
  transform: translateY(-2px) !important;
  border-color: var(--hq-gold) !important;
  color: #fffbeb !important;
  background-color: #283a72 !important;
  background-image: linear-gradient(180deg, rgba(84, 114, 198, .86) 0%, rgba(40, 58, 114, .98) 100%) !important;
  box-shadow: 0 7px 18px rgba(4, 8, 24, .48), 0 0 0 1px rgba(244, 197, 106, .35) !important;
}
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal) :is(
  .secondary-action, .text-action, .ledger-action, .mental-action, .universal-intake-action,
  .care-edit-button, .habit-edit, .routine-edit, .context-edit-trigger, .cancel-edit,
  .detail-task-edit, .upload-btn, .food-photo-button, .training-photo-button,
  .notion-refresh-action, .training-view-guide, .training-step-guide-btn, .training-edit-exercise,
  .training-edit-content, .training-inline-cancel, .food-topup-add,
  .btn-detail-log, .row-actions button:not(.danger-row-action):not(.complete-button),
  .calendar-controls button, .source-edit-action, .routine-item-actions button,
  .contextual-editor button:not([type="submit"]), .bq-starter,
  #haumea-import.import-label, #export-data
):hover:not(:disabled) * {
  color: #fffbeb !important;
}

/* 5D. Danger / Delete Buttons: Ruby-Crimson Glass */
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal) :is(.danger-row-action, .danger-action, .person-card-delete, .bq-history-remove, .food-photo-remove, .training-inline-reset) {
  border: 1px solid rgba(251, 113, 133, .55) !important;
  border-radius: 10px !important;
  color: #ffe4e6 !important;
  font-weight: 600 !important;
  background-color: #381628 !important;
  background-image: linear-gradient(180deg, rgba(190, 24, 93, .45) 0%, rgba(105, 16, 44, .72) 100%) !important;
  box-shadow: 0 2px 8px rgba(12, 4, 16, .34), inset 0 1px 0 rgba(255, 255, 255, .1) !important;
  transition: transform .15s ease, border-color .15s ease, background-color .15s ease;
}
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal) :is(.danger-row-action, .danger-action, .person-card-delete, .bq-history-remove, .food-photo-remove, .training-inline-reset):hover:not(:disabled) {
  transform: translateY(-2px) !important;
  border-color: #fda4af !important;
  color: #fff1f2 !important;
  background-color: #4c1d36 !important;
  background-image: linear-gradient(180deg, rgba(225, 29, 72, .62) 0%, rgba(136, 19, 55, .86) 100%) !important;
}
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal) :is(.danger-row-action, .danger-action, .person-card-delete, .bq-history-remove, .food-photo-remove, .training-inline-reset):hover:not(:disabled) * {
  color: #fff1f2 !important;
}
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal) :is(.food-topup-log, .training-view-guide):disabled {
  background-color: #161f3d !important;
  background-image: none !important;
  color: #94a3b8 !important;
  border: 1px dashed rgba(148, 163, 248, .32) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
.guild-theme :is(:is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel), :is(#card-detail-modal, #quick-log-window, #training-exercise-modal)) button[data-emoji]::before {
  content: attr(data-emoji); margin-right: .35rem;
}

/* ============================================================================
   6. HUD & TODAY STAGE (Frameless Status Rows & Clean Discipline Strip)
   ============================================================================ */
.hq-hud { position: relative; margin: 0 0 1.25rem; isolation: isolate; }
.hq-scene, .hq-room {
  border: 1.5px solid rgba(244, 197, 106, .45) !important; border-image: none !important; border-radius: 20px !important; overflow: hidden;
  box-shadow: 0 16px 34px rgba(4, 2, 16, .52) !important;
}
.hq-scene {
  position: absolute; inset: 0 0 46px; z-index: -1;
  background-color: var(--hq-scene-top) !important; background-image: var(--hq-scene) !important;
  background-repeat: repeat-x !important; background-position: 42% bottom !important; background-size: 2160px 540px !important;
  image-rendering: pixelated;
}
.hq-stage {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, 420px); grid-template-rows: auto 1fr;
  grid-template-areas: "title status" "lane status"; align-items: end; column-gap: 1rem;
  min-height: 400px; padding: 1.6rem 1.6rem 4.6rem;
}
.hq-title { grid-area: title; align-self: start; max-width: 34rem; }
.hq-eyebrow {
  display: inline-block; margin: 0 0 .45rem; padding: .24rem .68rem; border-radius: 999px; color: var(--hq-gold);
  background-color: rgba(17, 24, 51, .88); border: 1px solid rgba(244, 197, 106, .48); font: 700 .84rem/1.3 'AK Thai','Google Sans','Outfit', sans-serif;
}
.hq-title h1 {
  margin: 0; color: #fff8e7; font: 700 clamp(2.2rem, 4.4vw, 3.5rem)/1.05 'Silkscreen', var(--font-display); letter-spacing: .01em;
  text-shadow: 0 4px 0 #14102e, 0 0 24px rgba(15, 19, 46, .85);
}
html[data-theme="light"] .hq-title h1 {
  color: #15193b !important;
  text-shadow: 0 2px 0 #fff8e7, 0 0 18px rgba(255, 255, 255, .92) !important;
}
.hq-subtitle {
  margin: .4rem 0 0; display: inline-block; padding: .22rem .64rem; border-radius: 8px;
  color: #fff9eb; background-color: rgba(17, 24, 51, .84); border: 1px solid rgba(148, 163, 248, .35);
  font: 600 .88rem/1.35 'AK Thai','Google Sans','Plus Jakarta Sans', 'Sarabun', sans-serif;
}
.hq-discipline-strip { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .7rem; }
.hq-disc-chip {
  display: inline-flex; align-items: center; gap: .35rem; min-height: 34px; padding: .26rem .7rem;
  border-radius: 999px; font: 700 .82rem/1.2 'AK Thai','Google Sans','Outfit', 'Sarabun', sans-serif;
  color: #f1f5f9; background-color: rgba(24, 32, 66, .88); border: 1px solid rgba(148, 163, 248, .35);
}
.hq-disc-chip--morning { border-color: rgba(251, 191, 36, .55); color: #fef3c7; background-color: rgba(45, 32, 16, .88); }
.hq-disc-chip--daytime { border-color: rgba(56, 189, 248, .55); color: #e0f2fe; background-color: rgba(16, 38, 64, .88); }
.hq-disc-chip--evening { border-color: rgba(192, 132, 252, .55); color: #f3e8ff; background-color: rgba(36, 24, 68, .88); }

.hq-info { margin-top: .7rem; max-width: 30rem; color: var(--hq-ink); }
.guild-theme #hq-hud .hq-info > summary {
  display: inline-flex; align-items: center; gap: .4rem; min-height: 36px; padding: .3rem .75rem; border-radius: 10px !important; cursor: pointer;
  color: var(--hq-ink) !important; background-color: rgba(24, 32, 66, .88) !important; border: 1px solid rgba(148, 163, 248, .35); font-size: .84rem; font-weight: 600;
}
.hq-info > summary::before { content: 'ℹ️'; }
.hq-info[open] { padding: .75rem .9rem; border-radius: 12px; background-color: var(--hq-win); border: 1px solid rgba(244, 197, 106, .42); }
.hq-info[open] > summary { margin-bottom: .5rem; }
.guild-theme #hq-hud .hq-info :is(span, strong) { color: var(--hq-ink-2) !important; font-size: .84rem; line-height: 1.55; }
.hq-info .health-quicklinks { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: .5rem; }
.hq-info .health-quicklinks a { padding: .26rem .6rem; border-radius: 999px; color: #181208 !important; background: #f4c56a; font-weight: 700; font-size: .82rem; text-decoration: none; }

.hq-lane { grid-area: lane; position: relative; align-self: stretch; min-height: 290px; }
.hq-char { position: absolute; bottom: 0; left: 28%; margin: 0; display: grid; justify-items: center; width: 200px; translate: -50% 0; }
.hq-char-btn { padding: 0; border: 0; background: none; cursor: pointer; display: block; }
.hq-char[data-face="left"] .hq-char-img { scale: -1 1; }
.hq-char[data-act="walk"] .hq-char-img { animation: hq-walk .32s steps(2) infinite; }
.hq-char[data-act="wave"] .hq-char-img { animation: hq-wave .7s steps(2) 3; }
.hq-char[data-act="nod"] .hq-char-img { animation: hq-bob .5s steps(2) 4; }
.hq-char[data-act="sit"] .hq-char-img { animation: none; }
.hq-char[data-act="jump"] .hq-char-img { animation: hq-jump .7s steps(4) 2; }
.hq-bubble {
  position: absolute; bottom: calc(100% + 6px); left: 50%; translate: -50% 0; z-index: 3; width: max-content; max-width: 240px;
  padding: .42rem .68rem; border-radius: 8px; color: #181208; background: #fffaf0; border: 1.5px solid #2b1a0e;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .35); font: 700 .86rem/1.35 'AK Thai','Google Sans','Outfit', sans-serif; text-align: center;
  opacity: 0; transform: translateY(6px); transition: opacity .18s ease, transform .18s ease; pointer-events: none;
}
.hq-bubble::after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -6px; border: 6px solid transparent; border-top-color: #2b1a0e; }
.hq-bubble.is-on { opacity: 1; transform: none; }
.hq-bubble:empty { display: none; }
.hq-nameplate {
  position: relative; z-index: 2; display: inline-flex; align-items: baseline; gap: .45rem; margin-bottom: .4rem; padding: .28rem .78rem; border-radius: 10px !important;
  color: #fff9eb; background-color: rgba(17, 24, 51, .9); border: 1px solid rgba(244, 197, 106, .5); font: 700 .92rem/1.2 'AK Thai','Google Sans','Outfit', sans-serif;
}
.hq-nameplate small { color: var(--hq-gold); font-weight: 800; }
.hq-char-img { width: 200px; height: auto; image-rendering: pixelated; filter: drop-shadow(0 4px 0 rgba(0, 0, 0, .35)); animation: hq-bob 1.4s steps(2) infinite; }
.hq-char-shadow { width: 120px; height: 14px; margin-top: -10px; border-radius: 50%; background: rgba(0, 0, 0, .35); }

/* Status Window: frameless hairline rows instead of 12 nested boxes */
.hq-status { grid-area: status; position: relative; padding: 1rem 1.15rem 1.1rem; color: var(--hq-ink); }
.hq-window-title { display: flex; align-items: center; gap: .55rem; margin: -.1rem 0 .65rem; padding-bottom: .55rem; border-bottom: 1px solid rgba(244, 197, 106, .32); }
.hq-window-title .rpg-icon { width: 28px; height: 28px; }
.hq-window-title strong { font: 700 1.2rem/1 'Silkscreen', sans-serif; color: var(--hq-gold); }
.hq-window-title small { margin-left: auto; color: var(--hq-ink-2); font-size: .82rem; font-weight: 600; }
.hq-level { display: grid; grid-template-columns: 1fr auto; gap: .25rem .6rem; align-items: baseline; margin-bottom: .6rem; padding-bottom: .6rem; border-bottom: 1px solid rgba(148, 163, 248, .16); }
.hq-level b { font-size: 1rem; color: #fff9eb; }
.hq-level span { color: var(--hq-ink-2); font-size: .82rem; font-variant-numeric: tabular-nums; }
.hq-exp { grid-column: 1 / -1; display: block; height: 9px; border-radius: 999px; overflow: hidden; background: #0b0f24; border: 1px solid rgba(148, 163, 248, .28); }
.hq-exp i { display: block; height: 100%; width: var(--fill); background: linear-gradient(90deg, #34d399, #a7f3d0); }
.hq-bars { display: grid; gap: 0; }
.hq-bar {
  display: grid; gap: .25rem; width: 100%; padding: .5rem .15rem; text-align: left; color: inherit; cursor: pointer;
  background: transparent !important; border: 0 !important; border-bottom: 1px solid rgba(148, 163, 248, .15) !important;
  border-radius: 0 !important; font: inherit; box-shadow: none !important;
}
.hq-bar:hover { background-color: rgba(255, 255, 255, .03) !important; }
.hq-bar-head { display: flex; justify-content: space-between; gap: .6rem; font-size: .9rem; }
.hq-bar-label { font-weight: 700; color: #fff9eb; }
.hq-bar-value { font-variant-numeric: tabular-nums; font-weight: 700; color: #fff9eb; }
.hq-bar-track { display: block; height: 8px; border-radius: 999px; overflow: hidden; background: #0b0f24; border: 1px solid rgba(148, 163, 248, .24); }
.hq-bar-fill { display: block; height: 100%; width: var(--fill); transition: width .5s ease; }
.hq-bar--protein .hq-bar-fill { background: linear-gradient(90deg, #f59e0b, #fbbf24); }
.hq-bar--energy .hq-bar-fill { background: linear-gradient(90deg, #38bdf8, #7dd3fc); }
.hq-bar--quest .hq-bar-fill { background: linear-gradient(90deg, #eab308, #fde047); }
.hq-bar--carbs .hq-bar-fill { background: linear-gradient(90deg, #f4c56a, #fde68a); }
.hq-bar--fat .hq-bar-fill { background: linear-gradient(90deg, #34d399, #6ee7b7); }
.hq-bar.is-done .hq-bar-fill { background: linear-gradient(90deg, #10b981, #34d399); }
.hq-bar-note { font-size: .78rem; color: var(--hq-ink-2); }
.hq-minis { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; border-bottom: 1px solid rgba(148, 163, 248, .15); }
.hq-minis .hq-bar--mini { border-bottom: 0 !important; padding: .45rem .1rem; }
.hq-minis .hq-bar--mini:first-child { border-right: 1px solid rgba(148, 163, 248, .15) !important; padding-right: .6rem; }
.hq-bar--mini .hq-bar-head { font-size: .82rem; flex-wrap: wrap; }
.hq-bar--mini .hq-bar-track { height: 6px; }
.hq-bar--mini .hq-bar-note { font-size: .74rem; }

.hq-garmin {
  display: grid; gap: .22rem; width: 100%; margin-top: 0; padding: .5rem .15rem; text-align: left; cursor: pointer; color: inherit; font: inherit;
  border-radius: 0 !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid rgba(148, 163, 248, .15) !important;
}
.hq-garmin-head { display: flex; justify-content: space-between; gap: .5rem; flex-wrap: wrap; font-size: .88rem; }
.hq-garmin-age { font-size: .78rem; font-weight: 700; color: var(--hq-gold); }
.hq-garmin.is-fresh .hq-garmin-age { color: #34d399; }
.hq-garmin.is-stale .hq-garmin-age { color: #fb7185; }
.hq-garmin-facts { display: flex; flex-wrap: wrap; gap: .3rem .75rem; font-size: .8rem; color: #eef1ff; }
.hq-garmin small { font-size: .75rem; color: var(--hq-ink-2); }
.hq-meals { margin: .5rem 0 0; font-size: .8rem; color: var(--hq-ink-2); }

/* 5 RPG Stats: distinct RPG stat tiles with 32x32 pixel icons & semantic stat accents (Audi 2026-10-22) */
.hq-stats {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: .42rem !important;
  margin: .75rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border-top: 0 !important;
}
.hq-stat {
  display: grid !important;
  justify-items: center !important;
  gap: .16rem !important;
  padding: .45rem .25rem .4rem !important;
  background-color: #161f42 !important;
  background-image: linear-gradient(180deg, rgba(35, 50, 102, .85) 0%, rgba(15, 22, 48, .96) 100%) !important;
  border: 1px solid rgba(244, 197, 106, .35) !important;
  border-bottom: 3px solid var(--stat-accent, #f4c56a) !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 14px rgba(4, 6, 20, .38), inset 0 1px 0 rgba(255, 255, 255, .1) !important;
}
.hq-stat:nth-child(1) { --stat-accent: #ff6b6b; }
.hq-stat:nth-child(2) { --stat-accent: #6ea8ff; }
.hq-stat:nth-child(3) { --stat-accent: #59d18c; }
.hq-stat:nth-child(4) { --stat-accent: #f4bd50; }
.hq-stat:nth-child(5) { --stat-accent: #bc83ff; }
.hq-stat .rpg-icon {
  width: 32px !important;
  height: 32px !important;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .5)) !important;
}
.hq-stat b {
  font: 800 .74rem/1.1 'AK Thai','Google Sans','Outfit', sans-serif !important;
  letter-spacing: .04em !important;
  color: var(--stat-accent, var(--hq-gold)) !important;
}
.hq-stat span {
  font: 800 .9rem/1.1 'JetBrains Mono', 'Outfit', monospace !important;
  color: #fff9eb !important;
  font-variant-numeric: tabular-nums !important;
}
.hq-stat-hint, .hq-streak { margin: .45rem 0 0; font-size: .78rem; color: var(--hq-ink-2); }

/* Quick Action Dock */
.hq-actions {
  position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem;
  margin: -64px 1.6rem 0;
}
.hq-action {
  display: flex; align-items: center; gap: .75rem; min-height: 84px; padding: .6rem .9rem; text-align: left; cursor: pointer;
  color: var(--hq-ink); font: inherit;
  border: 1px solid rgba(148, 163, 248, .35) !important; border-image: none !important; border-radius: 16px !important;
  background-color: #182042 !important;
  background-image: linear-gradient(180deg, rgba(45, 62, 114, .55), rgba(20, 28, 58, .85)) !important;
  box-shadow: 0 10px 24px rgba(4, 6, 20, .45), inset 0 1px 0 rgba(255, 255, 255, .1) !important;
  transition: transform .12s ease, border-color .12s ease;
}
.hq-action:hover { transform: translateY(-2px); border-color: var(--hq-gold) !important; }
.hq-actions .hq-action:first-child .hq-action-copy strong { color: #181208 !important; }
.hq-actions .hq-action:first-child .hq-action-copy small { color: #4a2a08 !important; font-weight: 700; }
.hq-action-slot { display: grid; place-items: center; flex: none; width: 48px; height: 48px; }
.hq-action-slot .rpg-icon { width: 42px; height: 42px; image-rendering: auto; }
.hq-action-copy { display: grid; gap: .12rem; min-width: 0; }
.hq-action-copy strong { font-size: 1rem; line-height: 1.2; }
.hq-action-copy small { color: var(--hq-ink-2); font-size: .8rem; }

/* ---------- game menu (tabs): auto-sized flex pills so Mind & Sleep never overflows ---------- */
.guild-theme .health-navigation #health-tabs.health-tabs {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  padding: .38rem !important;
  gap: .28rem !important;
  overflow-x: auto !important;
  scrollbar-width: none;
}
.guild-theme .health-navigation #health-tabs.health-tabs::-webkit-scrollbar { display: none; }
.guild-theme .health-navigation #health-tabs .health-tab {
  flex: 1 1 auto !important;
  min-width: max-content !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .4rem !important;
  padding: .5rem .72rem !important;
  color: var(--hq-ink) !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
.guild-theme .health-navigation #health-tabs .health-tab .rpg-tab-icon {
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}
.guild-theme .health-navigation #health-tabs .health-tab .tab-label {
  color: inherit !important;
  white-space: nowrap !important;
}
.guild-theme .health-navigation #health-tabs .health-tab:not(.active):hover {
  background-color: rgba(255, 255, 255, .08) !important;
  border-color: rgba(244, 197, 106, .45) !important;
  color: #fff9eb !important;
}
.guild-theme .health-navigation #health-tabs .health-tab:not(.active):hover .tab-label {
  color: #fff9eb !important;
}
.guild-theme .health-navigation #health-tabs .health-tab.active,
.guild-theme .health-navigation #health-tabs .health-tab.active:hover {
  color: #181208 !important;
  background-color: #eab85c !important;
  background-image: linear-gradient(135deg, #f9e9be 0%, #f0c468 52%, #d99b38 100%) !important;
  border-color: rgba(255, 245, 214, .85) !important;
  box-shadow: 0 4px 12px rgba(217, 155, 56, .28) !important;
}
.guild-theme .health-navigation #health-tabs .health-tab.active .tab-label,
.guild-theme .health-navigation #health-tabs .health-tab.active:hover .tab-label {
  color: #181208 !important;
}
.guild-theme .health-navigation #health-more > summary {
  color: var(--hq-ink) !important;
  background-color: #182042 !important;
  border: 1px solid rgba(148, 163, 248, .32) !important;
  border-radius: 12px !important;
}
.guild-theme .health-navigation #health-more .health-more-menu {
  background-color: #111833 !important;
  border: 1.5px solid rgba(244, 197, 106, .48) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 36px rgba(2, 4, 16, .68) !important;
}
.guild-theme .health-navigation #health-more .health-more-menu p { color: var(--hq-gold) !important; }
.guild-theme .health-navigation #health-more .health-more-menu button {
  color: #fff9eb !important;
  background-color: #182042 !important;
  border: 1px solid rgba(148, 163, 248, .24) !important;
  border-radius: 10px !important;
}
.guild-theme .health-navigation #health-more .health-more-menu button small { color: var(--hq-ink-2) !important; }

/* ---------- Today tiles & Daily Routine ---------- */
body.has-hq-hud #today-panel :is(.macro-grid, #today-nutrition-context, .today-status-help) { display: none !important; }
.guild-theme #today-panel .today-cockpit { padding: 1.1rem !important; }
.guild-theme #today-panel .today-grid { gap: .75rem !important; }
.guild-theme #today-panel .decision-card.hq-tile,
.guild-theme #today-panel .today-journal-action {
  position: relative; display: grid !important; grid-template-columns: 48px minmax(0, 1fr); column-gap: .85rem; align-items: center;
  min-height: 98px; padding: .85rem 2rem .85rem .95rem !important; text-align: left;
  color: var(--hq-ink) !important; background-color: var(--hq-slot) !important;
  background-image: linear-gradient(145deg, rgba(148, 163, 248, .10) 0%, rgba(17, 24, 51, .16) 100%) !important;
  border: 1px solid var(--hq-slot-line) !important;
  border-radius: 14px !important; box-shadow: 0 6px 16px rgba(4, 6, 20, .32) !important; cursor: pointer;
}
.guild-theme #today-panel .decision-card.hq-tile:hover,
.guild-theme #today-panel .today-journal-action:hover { border-color: var(--hq-gold) !important; background-color: #1f2a54 !important; }
.guild-theme #today-panel .decision-card.hq-tile > :not(.hq-tile-icon) { grid-column: 2; }
.guild-theme #today-panel .hq-tile-icon,
.guild-theme #today-panel .today-journal-action > .rpg-icon-slot {
  grid-row: 1 / span 3; display: grid; place-items: center; width: 48px; height: 48px; font-size: 0;
}
.guild-theme #today-panel .today-journal-action > .rpg-icon-slot { grid-row: auto; }
.guild-theme #today-panel :is(.hq-tile-icon, .today-journal-action > .rpg-icon-slot) .rpg-icon { width: 42px; height: 42px; image-rendering: auto; }
.guild-theme #today-panel .decision-card.hq-tile p { margin: 0 0 .15rem !important; color: var(--hq-gold) !important; font-size: .75rem !important; letter-spacing: .06em; }
.guild-theme #today-panel .decision-card.hq-tile h3 { margin: 0 !important; color: var(--hq-ink) !important; font-size: 1.05rem !important; }
.guild-theme #today-panel .decision-card.hq-tile span:not(.hq-tile-icon),
.guild-theme #today-panel .today-journal-action small { color: var(--hq-ink-2) !important; font-size: .85rem !important; line-height: 1.45; }
.guild-theme #today-panel .today-journal-action strong { color: var(--hq-ink) !important; font-size: 1.02rem; }
.guild-theme #today-panel .today-journal-action { grid-template-columns: 48px minmax(0, 1fr) auto; min-height: 88px; padding-right: 1rem !important; }
.guild-theme #today-panel .today-journal-action > span:not(.rpg-icon-slot) { display: grid; gap: .18rem; }
.guild-theme #today-panel .today-journal-action > i {
  font-style: normal; font-weight: 800; white-space: nowrap; padding: .5rem .85rem; border-radius: 10px;
  color: #181208 !important; background: linear-gradient(135deg, #f9e9be 0%, #f0c468 52%, #d99b38 100%);
  border: 1px solid rgba(255, 245, 214, .75);
}
.guild-theme #today-panel .decision-card.hq-tile::after { content: '›' !important; display: block !important; position: absolute; right: .9rem; top: 50%; transform: translateY(-50%); color: var(--hq-gold); font-size: 1.5rem; }

/* Daily Routine Phase Strip */
.guild-theme #today-panel#today-panel#today-panel :is(.routine-phase-strip, .routine-phase-nav) {
  display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: .75rem !important; margin-bottom: 1rem !important;
}
.guild-theme #today-panel#today-panel#today-panel .routine-phase-pill {
  position: relative; display: grid !important; grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important; gap: .42rem .68rem !important; min-height: 76px !important; padding: .75rem 1rem .82rem !important;
  text-align: left; cursor: pointer; color: #fff9eb !important;
  background-color: var(--hq-slot) !important;
  background-image: linear-gradient(145deg, rgba(148, 163, 248, .10), rgba(17, 24, 51, .16)) !important;
  border: 1px solid var(--hq-slot-line) !important; border-radius: 14px !important;
  box-shadow: 0 4px 12px rgba(4, 6, 20, .3) !important;
}
.guild-theme #today-panel#today-panel#today-panel .routine-phase-pill[data-shift="morning"] { border-left: 4px solid #fbbf24 !important; }
.guild-theme #today-panel#today-panel#today-panel .routine-phase-pill[data-shift="daytime"] { border-left: 4px solid #38bdf8 !important; }
.guild-theme #today-panel#today-panel#today-panel .routine-phase-pill[data-shift="evening"] { border-left: 4px solid #c084fc !important; }
.guild-theme #today-panel#today-panel#today-panel .routine-phase-pill:hover {
  transform: translateY(-2px) !important;
  background-color: #212d5e !important;
  background-image: linear-gradient(145deg, rgba(148, 163, 248, .18), rgba(28, 39, 82, .88)) !important;
  border-color: rgba(244, 197, 106, .68) !important;
  color: #fff9eb !important;
}
.guild-theme #today-panel#today-panel#today-panel .routine-phase-pill.is-selected,
.guild-theme #today-panel#today-panel#today-panel .routine-phase-pill.active,
.guild-theme #today-panel#today-panel#today-panel .routine-phase-pill[aria-selected="true"],
.guild-theme #today-panel#today-panel#today-panel .routine-phase-pill:is(.is-selected, .active, [aria-selected="true"]):hover {
  background-color: #243166 !important;
  background-image: linear-gradient(135deg, rgba(244, 197, 106, .28) 0%, rgba(38, 54, 112, .94) 68%) !important;
  border-color: var(--hq-gold) !important;
  box-shadow: 0 6px 18px rgba(244, 197, 106, .22), inset 0 1px 0 rgba(255, 245, 214, .32) !important;
  color: #fff9eb !important;
}
.guild-theme #today-panel#today-panel#today-panel .routine-phase-pill .routine-phase-icon {
  display: inline-flex; align-items: center; justify-content: center; width: auto !important; height: auto !important; font-size: 1.25rem;
}
.guild-theme #today-panel#today-panel#today-panel .routine-phase-pill .routine-phase-copy { display: grid; gap: .08rem; min-width: 0; }
.guild-theme #today-panel#today-panel#today-panel .routine-phase-pill .routine-phase-copy small,
.guild-theme #today-panel#today-panel#today-panel .routine-phase-pill:hover .routine-phase-copy small {
  font: 700 .68rem/1.2 'AK Thai','Google Sans','Outfit', sans-serif !important; letter-spacing: .04em !important; color: var(--hq-ink-2) !important;
  background: transparent !important; border: 0 !important; padding: 0 !important; white-space: nowrap !important;
}
.guild-theme #today-panel#today-panel#today-panel .routine-phase-pill:is(.is-selected, .active, [aria-selected="true"]) .routine-phase-copy small,
.guild-theme #today-panel#today-panel#today-panel .routine-phase-pill:is(.is-selected, .active, [aria-selected="true"]):hover .routine-phase-copy small {
  color: #fde68a !important;
}
.guild-theme #today-panel#today-panel#today-panel .routine-phase-pill strong,
.guild-theme #today-panel#today-panel#today-panel .routine-phase-pill:hover strong,
.guild-theme #today-panel#today-panel#today-panel .routine-phase-pill:is(.is-selected, .active, [aria-selected="true"]) strong,
.guild-theme #today-panel#today-panel#today-panel .routine-phase-pill:is(.is-selected, .active, [aria-selected="true"]):hover strong {
  font-size: .96rem !important; color: #fff9eb !important; font-weight: 800 !important; white-space: nowrap !important;
}
.guild-theme #today-panel#today-panel#today-panel .routine-phase-pill .routine-phase-count,
.guild-theme #today-panel#today-panel#today-panel .routine-phase-pill:hover .routine-phase-count,
.guild-theme #today-panel#today-panel#today-panel .routine-phase-pill:is(.is-selected, .active, [aria-selected="true"]) .routine-phase-count,
.guild-theme #today-panel#today-panel#today-panel .routine-phase-pill:is(.is-selected, .active, [aria-selected="true"]):hover .routine-phase-count {
  grid-column: 3 !important; justify-self: end !important; color: var(--hq-gold) !important;
}
.guild-theme #today-panel#today-panel#today-panel .routine-phase-bar {
  position: relative !important; inset: auto !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important;
  grid-column: 1 / -1 !important; display: block !important; width: 100% !important; height: 6px !important; margin-top: .24rem !important;
  border-radius: 999px !important; background-color: #0b0f24 !important; border: 1px solid rgba(148, 163, 248, .18) !important; overflow: hidden !important;
}
.guild-theme #today-panel#today-panel#today-panel .routine-phase-bar > i {
  display: block !important; height: 100% !important; width: var(--phase-fill, 0%) !important;
  background: linear-gradient(90deg, #f4c56a, #34d399) !important; border-radius: 999px !important;
}

/* Main Quest Board & Weekly Boss */
.guild-theme #today-panel#today-panel#today-panel .weekly-boss {
  background-color: #1c1942 !important;
  background-image: linear-gradient(135deg, rgba(244, 197, 106, .12), rgba(28, 25, 66, .3)) !important;
  border: 1px solid rgba(244, 197, 106, .45) !important;
  border-radius: 14px !important; padding: .95rem 1.1rem !important; margin-bottom: 1rem !important;
}
.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest {
  background-color: var(--hq-slot) !important;
  background-image: linear-gradient(145deg, rgba(148, 163, 248, .10) 0%, rgba(17, 24, 51, .16) 100%) !important;
  border: 1px solid var(--hq-slot-line) !important;
  border-radius: 14px !important; padding: 1rem !important;
}
.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest:hover {
  border-color: var(--hq-gold) !important; background-color: #1f2a54 !important;
}
.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest-meta {
  display: flex !important; flex-direction: row !important; flex-wrap: wrap !important;
  align-items: center !important; justify-content: space-between !important; gap: .35rem .65rem !important; margin-top: .35rem !important;
}
.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest-meta small { color: var(--hq-ink-2) !important; font-size: .85rem !important; }
.guild-theme #today-panel#today-panel#today-panel .main-quest-board :is(.quest-reward, .quest-rule-note) {
  flex: 1 1 100% !important; margin-top: .15rem !important; white-space: normal !important;
}

/* ============================================================================
   7. ROOM BANNERS & TAB-SPECIFIC REFINEMENTS (Train, Food, History, Character)
   ============================================================================ */
body[data-hq-tab]:not([data-hq-tab="today"]) .hq-hud { display: none; }
.hq-room {
  position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem;
  min-height: 192px; margin: 0 0 1.25rem; padding: 1rem 1.2rem .4rem;
  background-color: #1a1430 !important; background-image: var(--hq-room) !important;
  background-repeat: repeat-x !important; background-position: left bottom !important; background-size: 1440px 192px !important;
  image-rendering: pixelated;
}
.hq-room-title { align-self: flex-start; display: flex; align-items: center; gap: .6rem; padding: .35rem .8rem .35rem .45rem; border-radius: 12px !important; background: rgba(10, 8, 22, .72); border: 1px solid rgba(244, 197, 106, .45); }
.hq-room-title .rpg-icon { width: 44px; height: 44px; animation: hq-bob 1.6s steps(2) infinite; }
.hq-room-title h2 { margin: 0; color: #fff9eb !important; font: 700 clamp(1.5rem, 2.8vw, 2.1rem)/1 'Silkscreen', var(--font-display) !important; text-shadow: 0 2px 0 #000; }
.hq-room-npc { position: relative; margin: 0 4% 0 0; display: grid; justify-items: center; }
.hq-room-img { width: 150px; height: auto; image-rendering: pixelated; filter: drop-shadow(0 4px 0 rgba(0, 0, 0, .35)); animation: hq-bob 1.6s steps(2) infinite; }
.hq-room .hq-room-tip { bottom: 58%; left: auto; right: calc(100% + 4px); translate: 0 0; max-width: 240px; text-align: left; }
.hq-room .hq-room-tip::after { top: 50%; left: 100%; margin: -6px 0 0; border-top-color: transparent; border-left-color: #2b1a0e; }
.hq-room[data-room="calendar"] { --hq-room: url('health-rpg/rooms/calendar-night.png'); }
html[data-theme="light"] .hq-room[data-room="calendar"] { --hq-room: url('health-rpg/rooms/calendar-day.png'); }
.hq-room[data-room="add"] { --hq-room: url('health-rpg/rooms/add-night.png'); }
html[data-theme="light"] .hq-room[data-room="add"] { --hq-room: url('health-rpg/rooms/add-day.png'); }
.hq-room[data-room="workout"] { --hq-room: url('health-rpg/rooms/workout-night.png'); }
html[data-theme="light"] .hq-room[data-room="workout"] { --hq-room: url('health-rpg/rooms/workout-day.png'); }
.hq-room[data-room="food"] { --hq-room: url('health-rpg/rooms/food-night.png'); }
html[data-theme="light"] .hq-room[data-room="food"] { --hq-room: url('health-rpg/rooms/food-day.png'); }
.hq-room[data-room="mental"] { --hq-room: url('health-rpg/rooms/mental-night.png'); }
html[data-theme="light"] .hq-room[data-room="mental"] { --hq-room: url('health-rpg/rooms/mental-day.png'); }
.hq-room[data-room="care"] { --hq-room: url('health-rpg/rooms/care-night.png'); }
html[data-theme="light"] .hq-room[data-room="care"] { --hq-room: url('health-rpg/rooms/care-day.png'); }
.hq-room[data-room="body"] { --hq-room: url('health-rpg/rooms/body-night.png'); }
html[data-theme="light"] .hq-room[data-room="body"] { --hq-room: url('health-rpg/rooms/body-day.png'); }
.hq-room[data-room="insights"] { --hq-room: url('health-rpg/rooms/insights-night.png'); }
html[data-theme="light"] .hq-room[data-room="insights"] { --hq-room: url('health-rpg/rooms/insights-day.png'); }
.hq-room[data-room="profile"] { --hq-room: url('health-rpg/rooms/profile-night.png'); }
html[data-theme="light"] .hq-room[data-room="profile"] { --hq-room: url('health-rpg/rooms/profile-day.png'); }

/* Train + Food specific typography & state borders */
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) :is(.training-exercise, .training-routine, .training-week-summary, .training-start-here, .program-day-tab:not(.active), .food-meter, .food-meal, .food-quest, .food-supp, .food-topup-item, .food-rank, .food-supp-guide, .workout-preset-card, .starter-card) :is(strong, h3, summary, .training-exercise-name, .training-routine-summary, .food-meter-label, .food-quest-head, .food-topup-head, .food-meal-head) { color: #fff9eb !important; }
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) :is(.training-exercise, .training-routine, .training-week-summary, .training-start-here, .program-day-tab:not(.active), .food-meter, .food-meal, .food-quest, .food-supp, .food-topup-item, .food-rank, .food-supp-guide, .workout-preset-card, .starter-card) :is(p, li, small, .training-routine-when, .food-meter-left, .food-quest-meta, .food-topup-serving, .food-supp-note, .food-rank-next, .training-week-progress-label, .food-meal-time, .food-meal-label, .training-exercise-number, .program-day-activity) { color: var(--hq-ink-2) !important; }
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) :is(.food-meter-head strong, .food-rank-copy strong, .food-topup-more, .training-routine-time, .training-routine-count, .workout-preset-card i, .training-option dt) { color: var(--hq-gold) !important; font-style: normal; }
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) .training-option dd { color: #fff9eb !important; }
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) :is(.food-meter-bar, .food-quest-bar, .training-week-progress-bar) { background-color: #0b0f24 !important; border: 1px solid rgba(148, 163, 248, .25) !important; border-radius: 999px; }
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) :is(.food-meter.is-done, .food-quest.is-done, .food-supp.is-taken, .food-topup-item--lean, .food-topup-item--balanced, .food-topup-item--energy) { border-left-width: 3px !important; }
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) :is(.program-day-tab--strength, .program-day-tab--cardio, .program-day-tab--mobility, .program-day-tab--rest):not(.active) { border-top-width: 3px !important; }
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) .food-topup-item--lean { border-left-color: #34d399 !important; }
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) .food-topup-item--balanced { border-left-color: #fbbf24 !important; }
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) .program-day-tab--strength:not(.active) { border-top-color: #fbbf24 !important; }
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) .program-day-tab--cardio:not(.active) { border-top-color: #34d399 !important; }
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) .program-day-tab--mobility:not(.active) { border-top-color: #38bdf8 !important; }
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) .program-day-tab.active :not(.program-day-badge),
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) .program-day-tab.active:hover :not(.program-day-badge) { color: #181208 !important; }
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) .program-day-tab .program-day-badge {
  background-color: rgba(244, 197, 106, .22) !important;
  border: 1px solid rgba(244, 197, 106, .55) !important;
  color: #fde68a !important;
  font-weight: 800 !important;
}
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) .program-day-tab.active .program-day-badge,
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) .program-day-tab.active:hover .program-day-badge {
  background-color: #181208 !important;
  border: 1px solid rgba(24, 18, 8, .9) !important;
  color: #fff9eb !important;
  font-weight: 800 !important;
}
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) .program-day-tab.active,
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) .program-day-tab.active:hover {
  background-color: #eab85c !important;
  background-image: linear-gradient(135deg, #f9e9be 0%, #f0c468 52%, #d99b38 100%) !important;
  border-color: rgba(255, 245, 214, .85) !important;
}
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) .program-day-tab:not(.active):hover,
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) :is(.training-exercise, .food-topup-open, .food-supp-copy, .food-supp-chip):hover {
  background-color: #1f2a54 !important;
  background-image: linear-gradient(145deg, rgba(148, 163, 248, .14), rgba(22, 32, 68, .88)) !important;
  border-color: var(--hq-gold) !important;
  color: #fff9eb !important;
}
/* History filter chips (.history-kind-chip: ✨ All · 9 / 🍽️ Meals · 1 / 🌙 Sleep · 8) */
.guild-theme #calendar-panel#calendar-panel .history-kind-chip {
  min-height: 40px !important;
  padding: .38rem .9rem !important;
  border-radius: 999px !important;
  font: 700 .88rem/1.2 'AK Thai','Google Sans','Outfit', 'Plus Jakarta Sans', sans-serif !important;
  color: #fff9eb !important;
  background-color: #182042 !important;
  background-image: linear-gradient(180deg, rgba(45, 62, 114, .45), rgba(20, 28, 58, .85)) !important;
  border: 1px solid rgba(148, 163, 248, .38) !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: transform .14s ease, border-color .14s ease, background-color .14s ease;
}
.guild-theme #calendar-panel#calendar-panel .history-kind-chip:not(.active):hover {
  transform: translateY(-1px) !important;
  background-color: #243166 !important;
  border-color: var(--hq-gold) !important;
  color: #fff9eb !important;
}
.guild-theme #calendar-panel#calendar-panel .history-kind-chip:not(.active) *,
.guild-theme #calendar-panel#calendar-panel .history-kind-chip:not(.active):hover * {
  color: #fff9eb !important;
}
.guild-theme #calendar-panel#calendar-panel .history-kind-chip.active,
.guild-theme #calendar-panel#calendar-panel .history-kind-chip.active:hover {
  color: #181208 !important;
  background-color: #eab85c !important;
  background-image: linear-gradient(135deg, #f9e9be 0%, #f0c468 52%, #d99b38 100%) !important;
  border: 1px solid rgba(255, 245, 214, .85) !important;
  box-shadow: 0 4px 12px rgba(217, 155, 56, .28) !important;
}
.guild-theme #calendar-panel#calendar-panel .history-kind-chip.active *,
.guild-theme #calendar-panel#calendar-panel .history-kind-chip.active:hover * {
  color: #181208 !important;
}
.guild-theme :is(.timeline-list, #recent-history, #day-records)::before,
.guild-theme :is(.timeline-list, #recent-history, #day-records) > *::before {
  display: none !important;
}
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) [data-workout-kind] {
  color: #fff9eb !important; background-color: var(--hq-slot) !important;
  border: 1px solid var(--hq-slot-line) !important; border-radius: 14px !important; box-shadow: none !important;
}
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) [data-workout-kind]:hover {
  border-color: var(--hq-gold) !important; background-color: #1f2a54 !important;
}
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) .training-start-here {
  background: transparent !important; background-color: transparent !important; background-image: none !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  padding: 0 !important; color: #fff9eb !important;
}
/* Frameless architectural session title in Train (.program-card-open) & reference aside layout */
.guild-theme #workout-panel#workout-panel#workout-panel .program-card-open,
.guild-theme #workout-panel#workout-panel#workout-panel .program-card-open:disabled,
.guild-theme #workout-panel#workout-panel#workout-panel .program-card-open:hover {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: .15rem 0 !important;
  color: #fff9eb !important;
  font: 800 clamp(1.32rem, 2vw, 1.58rem)/1.25 'AK Thai','Google Sans','Outfit', 'Plus Jakarta Sans', sans-serif !important;
  text-align: left !important;
  opacity: 1 !important;
}
.guild-theme #workout-panel#workout-panel#workout-panel .program-card-open * {
  color: #fff9eb !important;
}
.guild-theme #workout-panel#workout-panel#workout-panel .training-reference-empty svg {
  color: var(--hq-gold) !important;
  stroke: var(--hq-gold) !important;
}
.guild-theme #workout-panel#workout-panel#workout-panel #training-reference-editor > summary {
  justify-content: flex-start !important;
}
.guild-theme #workout-panel#workout-panel#workout-panel #training-reference-form .training-inline-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .5rem !important;
}
.guild-theme #workout-panel#workout-panel#workout-panel #training-reference-form .training-inline-actions button {
  flex: 1 1 auto !important;
  min-width: 110px !important;
  justify-content: center !important;
}
.guild-theme #food-panel#food-panel#food-panel .food-meal-count button:not(.active) {
  background-color: #182042 !important;
  border: 1px solid rgba(148, 163, 248, .35) !important;
  color: #fff9eb !important;
}
.guild-theme #food-panel#food-panel#food-panel .food-meal-count button.active,
.guild-theme #food-panel#food-panel#food-panel .food-meal-count button.active * {
  background-color: #eab85c !important;
  background-image: linear-gradient(135deg, #f9e9be 0%, #f0c468 52%, #d99b38 100%) !important;
  border: 1px solid rgba(255, 245, 214, .85) !important;
  color: #181208 !important;
  font-weight: 800 !important;
}
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) .training-inline-save:not(:disabled) {
  background-color: #eab85c !important;
  background-image: linear-gradient(135deg, #f9e9be 0%, #f0c468 52%, #d99b38 100%) !important;
  border: 1px solid rgba(255, 245, 214, .85) !important;
  color: #181208 !important;
  font-weight: 800 !important;
}
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) .training-inline-save:disabled {
  background-color: #182042 !important;
  background-image: none !important;
  border: 1px solid rgba(148, 163, 248, .28) !important;
  color: #cbd5e1 !important;
  opacity: .85 !important;
}
.guild-theme #add-panel#add-panel#add-panel .meal-slot-chips button:not(.active) {
  background-color: #182042 !important;
  background-image: none !important;
  border: 1px solid rgba(148, 163, 248, .35) !important;
  color: #fff9eb !important;
}
.guild-theme #add-panel#add-panel#add-panel .meal-slot-chips button.active,
.guild-theme #add-panel#add-panel#add-panel .meal-slot-chips button.active * {
  background-color: #eab85c !important;
  background-image: linear-gradient(135deg, #f9e9be 0%, #f0c468 52%, #d99b38 100%) !important;
  border: 1px solid rgba(255, 245, 214, .85) !important;
  color: #181208 !important;
  font-weight: 800 !important;
}
.guild-theme #add-panel#add-panel#add-panel .quick-log-switcher button {
  background-color: #182042 !important;
  background-image: linear-gradient(145deg, rgba(148, 163, 248, .12), rgba(17, 24, 51, .28)) !important;
  border: 1px solid rgba(148, 163, 248, .32) !important;
  border-radius: 14px !important;
  color: #fff9eb !important;
}
.guild-theme #add-panel#add-panel#add-panel .quick-log-switcher button strong {
  color: #fff9eb !important;
}
.guild-theme #add-panel#add-panel#add-panel .quick-log-switcher button small {
  color: #cbd5e1 !important;
}
.guild-theme #add-panel#add-panel#add-panel .quick-log-switcher button.active,
.guild-theme #add-panel#add-panel#add-panel .quick-log-switcher button:hover {
  border-color: var(--hq-gold) !important;
  background-color: #243166 !important;
}
/* Override dark-brown glossary dt, dd & links from health-parchment.css */
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) :is(.training-start-here, .food-supp-guide, .training-exercise, .food-meal, .training-glossary) dt:not(.training-metric-label) {
  color: var(--hq-gold) !important;
  font-weight: 700 !important;
}
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) :is(.training-start-here, .food-supp-guide, .training-exercise, .food-meal, .training-glossary) dd:not(.training-metric-value) {
  color: #e2e8f0 !important;
}
.guild-theme :is(#workout-panel, #food-panel):is(#workout-panel, #food-panel):is(#workout-panel, #food-panel) :is(.training-start-here, .food-supp-guide, .training-exercise, .food-meal, .food-topup-item, .training-guide) a {
  color: var(--hq-gold) !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}
/* Insights Weekly Review Cards & Chart Scales: high-contrast on Starlight Navy */
.guild-theme #progress-panel#progress-panel .weekly-card,
.guild-theme #progress-panel#progress-panel .weekly-card[data-state] {
  background-color: var(--hq-slot) !important;
  background-image: linear-gradient(145deg, rgba(148, 163, 248, .10), rgba(17, 24, 51, .2)) !important;
  border: 1px solid var(--hq-slot-line) !important;
  border-left: 4px solid var(--hq-gold) !important;
  border-radius: 14px !important;
  color: #fff9eb !important;
  padding: .9rem 1rem !important;
}
.guild-theme #progress-panel#progress-panel .weekly-card[data-state="done"] { border-left-color: #34d399 !important; }
.guild-theme #progress-panel#progress-panel .weekly-card[data-state="low"] { border-left-color: #fbbf24 !important; }
.guild-theme #progress-panel#progress-panel .weekly-card[data-state="over"] { border-left-color: #fb7185 !important; }
.guild-theme #progress-panel#progress-panel .weekly-card :is(strong, .weekly-card-status, .weekly-card-gap) { color: #fff9eb !important; }
.guild-theme #progress-panel#progress-panel .weekly-card :is(.weekly-card-label, .weekly-card-delta, .weekly-card-note, small) { color: var(--hq-ink-2) !important; }
.guild-theme #progress-panel#progress-panel .chart-scale { fill: #cbd5e1 !important; }
.guild-theme #progress-panel#progress-panel .chart-band-label { fill: #34d399 !important; }
.guild-theme #progress-panel#progress-panel .chart-partial-note { color: var(--hq-ink-2) !important; }
.guild-theme #progress-panel#progress-panel .chart-axis .chart-range { color: #fff9eb !important; }

/* History 7-day strip: fit all 7 days without horizontal clipping */
.guild-theme #calendar-panel#calendar-panel #history-day-strip {
  display: grid !important; grid-template-columns: repeat(7, minmax(0, 1fr)) !important; gap: .5rem !important; overflow: visible !important;
}
.guild-theme #calendar-panel#calendar-panel .history-day-card {
  min-width: 0 !important; padding: .65rem .6rem !important;
  background-color: #182042 !important; background-image: none !important;
  border: 1px solid rgba(148, 163, 248, .28) !important; color: #fff9eb !important;
}
.guild-theme #calendar-panel#calendar-panel#calendar-panel .history-day-card :is(strong, .history-day-date),
.guild-theme #calendar-panel#calendar-panel#calendar-panel :is(.calendar-day-number, .calendar-cell strong, .calendar-day strong, .calendar-weekday) {
  color: #fff9eb !important;
}
.guild-theme #calendar-panel#calendar-panel#calendar-panel .history-day-card :is(span:not(.history-day-date), small, p),
.guild-theme #calendar-panel#calendar-panel#calendar-panel :is(.calendar-cell, .calendar-day) :is(small, span:not(.calendar-day-number)) {
  color: var(--hq-ink-2) !important;
}
.guild-theme #calendar-panel#calendar-panel#calendar-panel :is(.calendar-cell, button.calendar-day) {
  background-color: #182042 !important; background-image: none !important;
  border: 1px solid rgba(148, 163, 248, .24) !important; color: #fff9eb !important;
}
.guild-theme #calendar-panel#calendar-panel#calendar-panel :is(.calendar-cell, button.calendar-day):hover {
  border-color: var(--hq-gold) !important; background-color: #243166 !important;
}
.guild-theme #calendar-panel#calendar-panel#calendar-panel button.calendar-day:is(.today, .selected) {
  border-color: var(--hq-gold) !important;
  background-color: #243166 !important;
  box-shadow: 0 0 0 1px rgba(244, 197, 106, .35) !important;
  color: #fff9eb !important;
}
.guild-theme #calendar-panel#calendar-panel#calendar-panel :is(.calendar-cell, button.calendar-day).is-outside {
  opacity: .55;
}
@media (max-width: 900px) {
  .guild-theme #calendar-panel#calendar-panel #history-day-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Character Habit Cards: zero overflow of titles, badges, or Delete buttons */
.guild-theme #profile-panel#profile-panel #habit-manager-list {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important; gap: .85rem !important;
}
.guild-theme .habit-card {
  background-color: var(--hq-slot) !important; border: 1px solid var(--hq-slot-line) !important; border-radius: 14px !important;
  padding: .9rem !important; overflow: hidden !important;
}
.guild-theme .habit-card-main {
  display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; align-items: start !important; gap: .25rem .6rem !important; min-width: 0 !important;
}
.guild-theme .habit-card-main > .quest-stat-badge {
  grid-column: 2 !important; justify-self: start !important;
}
.guild-theme .habit-card strong {
  white-space: normal !important; overflow-wrap: anywhere !important; display: inline-flex !important; flex-wrap: wrap !important; align-items: center !important; gap: .35rem !important;
}
.guild-theme .habit-actions {
  display: flex !important; flex-wrap: wrap !important; gap: .4rem !important; margin-top: .65rem !important;
}
.guild-theme .habit-actions button {
  min-height: 36px !important; padding: .35rem .65rem !important; font-size: .8rem !important; flex: 1 1 auto !important;
}

/* Inputs, selects, mood buttons, placeholders, and modals */
.guild-theme :is(:is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel), :is(#card-detail-modal, #quick-log-window, #training-exercise-modal, #mental-journal-form-host, #today-journal-form-host)) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea),
.guild-theme :is(:is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel), :is(#card-detail-modal, #quick-log-window, #training-exercise-modal, #mental-journal-form-host, #today-journal-form-host)) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea):hover,
.guild-theme #card-detail-modal#card-detail-modal #detail-description {
  color: #fff9eb !important; background-color: #0d132b !important; background-image: none !important;
  border: 1px solid rgba(148, 163, 248, .36) !important; border-radius: 10px !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .35) !important; color-scheme: dark !important;
}
/* details > summary is styled in section 3C as a frameless hairline row (Zero Box-in-Box) */
.guild-theme :is(.care-today-chip, #food-panel#food-panel .food-supp-toggle):not(:checked) {
  background-color: #182042 !important;
  border: 1.5px solid rgba(148, 163, 248, .45) !important;
  color: #fff9eb !important;
}
.guild-theme :is(.care-today-chip, #food-panel#food-panel .food-supp-toggle):not(:checked):hover {
  background-color: #243166 !important;
  border-color: var(--hq-gold) !important;
  color: #fff9eb !important;
}
.guild-theme .health-panel :is(select, input[type="text"], input[type="number"], input[type="date"], input[type="time"], input[type="url"], input:not([type])) {
  height: 46px; min-height: 46px; box-sizing: border-box;
}
.guild-theme select option { color: #fff9eb; background: #111833; }
.guild-theme :is(input, textarea)::placeholder,
.guild-theme :is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal, #mental-journal-form-host, #today-journal-form-host):is(#today-panel, #calendar-panel, #add-panel, #workout-panel, #food-panel, #progress-panel, #mental-panel, #profile-panel, #body-panel, #care-panel, #people-panel, #card-detail-modal, #quick-log-window, #training-exercise-modal, #mental-journal-form-host, #today-journal-form-host) :is(input, textarea)::placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}
.guild-theme :is(input, select, textarea):focus { border-color: var(--hq-gold) !important; box-shadow: 0 0 0 3px rgba(244, 197, 106, .22) !important; outline: none; }
.guild-theme .mood-btn {
  border-radius: 999px !important; color: #fff9eb !important; background-color: var(--hq-slot) !important;
  border: 1px solid var(--hq-slot-line) !important; box-shadow: none !important;
  transition: transform .14s ease, border-color .14s ease, background-color .14s ease;
}
.guild-theme .mood-btn:not(:has(input:checked)):hover {
  transform: translateY(-1px) !important;
  background-color: #243166 !important;
  border-color: var(--hq-gold) !important;
  color: #fff9eb !important;
}
.guild-theme .mood-btn:has(input:checked),
.guild-theme .mood-btn:has(input:checked):hover {
  color: #181208 !important;
  background-color: #eab85c !important;
  background-image: linear-gradient(135deg, #f9e9be, #f0c468) !important;
  border-color: var(--hq-gold) !important;
}
.guild-theme .mood-btn:has(input:checked) *,
.guild-theme .mood-btn:has(input:checked):hover * {
  color: #181208 !important;
}
.guild-theme :is(label, legend, .field-label) { color: #eef1ff; }
.guild-theme .meal-slot-chips button,
.guild-theme .meal-recent-chip {
  color: #fff9eb !important; background-color: var(--hq-slot) !important; background-image: none !important; border: 1px solid var(--hq-slot-line) !important; box-shadow: none !important;
}
.guild-theme .meal-slot-chips button:is(.active, .is-active, [aria-pressed="true"], [aria-checked="true"]),
.guild-theme .meal-slot-chips button:is(.active, .is-active, [aria-pressed="true"], [aria-checked="true"]):hover {
  color: #181208 !important;
  background-color: #eab85c !important;
  background-image: linear-gradient(135deg, #f9e9be 0%, #f0c468 52%, #d99b38 100%) !important;
  border-color: rgba(255, 245, 214, .85) !important;
}
.guild-theme .meal-slot-chips button:hover:not(.active):not(.is-active):not([aria-pressed="true"]):not([aria-checked="true"]),
.guild-theme .meal-recent-chip:hover {
  border-color: var(--hq-gold) !important;
  background-color: #243166 !important;
  color: #fff9eb !important;
}
.guild-theme .quick-log-switcher button {
  color: #fff9eb !important; background-color: var(--hq-slot) !important; border: 1px solid var(--hq-slot-line) !important; border-radius: 12px !important;
}
.guild-theme .quick-log-switcher button:hover:not(.active) {
  background-color: #243166 !important; border-color: var(--hq-gold) !important; color: #fff9eb !important;
}
.guild-theme .quick-log-switcher button small { color: var(--hq-ink-2) !important; }
.guild-theme .quick-log-switcher button.active {
  background-color: #202b58 !important; border-color: var(--hq-gold) !important; color: #fff9eb !important;
}
.guild-theme #mental-panel#mental-panel .mood-stat-chip strong { color: var(--hq-gold) !important; }
.guild-theme #mental-panel#mental-panel .mood-stat-chip :is(span, small, p) { color: var(--hq-ink-2) !important; }
.guild-theme #mental-panel#mental-panel .sleep-week::after {
  color: var(--hq-ink-2) !important; background: transparent !important; border: 0 !important;
}

/* Locked badges & items */
.guild-theme :is(.badge:not(.unlocked), .food-topup-item.is-locked) {
  background-color: #141b38 !important; background-image: none !important; border: 1px dashed rgba(148, 163, 248, .32) !important; box-shadow: none !important; opacity: 1 !important;
}
.guild-theme .badge::before, .guild-theme .badge::after { display: none !important; }
.guild-theme .food-topup-item.is-locked :is(strong, .food-topup-head) { color: #fff9eb !important; }
.guild-theme .food-topup-item.is-locked :is(small, .food-topup-serving, .food-topup-more) { color: var(--hq-ink-2) !important; }

/* ============================================================================
   8. DETAIL MODALS & EDIT POPUPS (#training-exercise-modal, #card-detail-modal, #quick-log-window)
   (Audi 2026-10-22: "พวกแต่ละcardตอนกดเข้าไปอ่านก็ไม่สวย ยังทำออกมาไม่ดี พื้นหลังจม คือช่วยเช็คทุกจุดอย่างละเอียดหน่อยได้ไหม")
   ============================================================================ */
.guild-theme :is(#card-detail-modal, #quick-log-window, #training-exercise-modal) {
  color: #fff9eb !important;
  background-color: var(--hq-win) !important;
  background-image: var(--hq-panel) !important;
  border: 1.5px solid rgba(244, 197, 106, .52) !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 64px rgba(2, 4, 16, .82), inset 0 1px 0 rgba(255, 243, 209, .22) !important;
}
.guild-theme :is(#card-detail-modal, #quick-log-window, #training-exercise-modal)::backdrop {
  background: rgba(5, 7, 22, .76) !important;
  backdrop-filter: blur(4px) !important;
}
.guild-theme #training-exercise-modal#training-exercise-modal {
  width: min(640px, calc(100vw - 24px)) !important;
  max-height: min(88dvh, 860px) !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.guild-theme #training-exercise-modal#training-exercise-modal[open] {
  display: flex !important;
  flex-direction: column !important;
}
.guild-theme #training-exercise-modal#training-exercise-modal .training-modal-header,
.guild-theme #quick-log-window .ro-window-bar,
.guild-theme #card-detail-modal#card-detail-modal .modal-dialog-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .85rem !important;
  padding: 1.1rem 1.35rem !important;
  margin: 0 !important;
  background-color: #182042 !important;
  background-image: linear-gradient(180deg, #1d2856 0%, #141c3d 100%) !important;
  border-bottom: 1px solid rgba(244, 197, 106, .35) !important;
  border-radius: 18px 18px 0 0 !important;
}
.guild-theme #training-exercise-modal#training-exercise-modal .training-modal-eyebrow {
  margin: 0 0 .25rem !important;
  color: var(--hq-gold) !important;
  font: 700 .76rem/1.2 'AK Thai','Google Sans','Outfit', sans-serif !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
.guild-theme #training-exercise-modal#training-exercise-modal #training-guide-title,
.guild-theme #card-detail-modal#card-detail-modal #detail-title {
  margin: 0 !important;
  color: #fff9eb !important;
  font: 700 clamp(1.2rem, 2.2vw, 1.5rem)/1.25 'AK Thai','Google Sans','Outfit', 'Plus Jakarta Sans', sans-serif !important;
}
.guild-theme #card-detail-modal#card-detail-modal #detail-subtitle {
  color: var(--hq-ink-2) !important;
  font-size: .88rem !important;
}
.guild-theme #training-exercise-modal#training-exercise-modal #training-guide-close,
.guild-theme #card-detail-modal#card-detail-modal .modal-close-btn,
.guild-theme #quick-log-window .ro-window-x {
  min-height: 38px !important;
  padding: .35rem .85rem !important;
  border-radius: 10px !important;
  background-color: rgba(255, 255, 255, .06) !important;
  background-image: none !important;
  color: #fff9eb !important;
  border: 1px solid rgba(148, 163, 248, .35) !important;
  font: 700 .88rem/1 'AK Thai','Google Sans','Outfit', sans-serif !important;
  box-shadow: none !important;
  outline: none !important;
}
.guild-theme #training-exercise-modal#training-exercise-modal #training-guide-close:hover,
.guild-theme #training-exercise-modal#training-exercise-modal #training-guide-close:focus-visible,
.guild-theme #card-detail-modal#card-detail-modal .modal-close-btn:hover,
.guild-theme #card-detail-modal#card-detail-modal .modal-close-btn:focus-visible,
.guild-theme #quick-log-window .ro-window-x:hover,
.guild-theme #quick-log-window .ro-window-x:focus-visible {
  background-color: rgba(244, 197, 106, .16) !important;
  border-color: var(--hq-gold) !important;
  color: var(--hq-gold) !important;
  outline: none !important;
}
.guild-theme #training-exercise-modal#training-exercise-modal #training-guide-content,
.guild-theme #quick-log-window .ro-window-body,
.guild-theme #card-detail-modal#card-detail-modal .modal-dialog-body {
  padding: 1.25rem 1.35rem 1.4rem !important;
  overflow-y: auto !important;
  background: transparent !important;
  color: #fff9eb !important;
}
.guild-theme #training-exercise-modal#training-exercise-modal .food-detail-emoji {
  width: auto !important;
  height: auto !important;
  font-size: 3.4rem !important;
  line-height: 1 !important;
  filter: drop-shadow(0 6px 14px rgba(0, 0, 0, .5)) !important;
}
.guild-theme #training-exercise-modal#training-exercise-modal .food-detail-stats {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .65rem !important;
  margin: .35rem 0 1rem !important;
}
.guild-theme #training-exercise-modal#training-exercise-modal .food-detail-stats > div {
  padding: .75rem .95rem !important;
  border-radius: 12px !important;
  background-color: #182042 !important;
  background-image: linear-gradient(145deg, rgba(148, 163, 248, .12), rgba(17, 24, 51, .28)) !important;
  border: 1px solid rgba(148, 163, 248, .28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}
.guild-theme #training-exercise-modal#training-exercise-modal .food-detail-stats dt {
  color: #94a3b8 !important;
  font: 700 .72rem/1.2 'AK Thai','Google Sans','Outfit', sans-serif !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}
.guild-theme #training-exercise-modal#training-exercise-modal .food-detail-stats dd {
  margin: .25rem 0 0 !important;
  color: #fff9eb !important;
  font: 800 1.08rem/1.3 'AK Thai','Google Sans','Outfit', 'Plus Jakarta Sans', sans-serif !important;
}
.guild-theme #training-exercise-modal#training-exercise-modal :is(h3, h4, .training-guide-section h3, .bq-log h3, .bq-history > summary, .bq-section > summary) {
  color: var(--hq-gold) !important;
}
.guild-theme #training-exercise-modal#training-exercise-modal :is(p, li, dd, .food-detail-recipe p, .food-detail-recipe li, .bq-section .bq-section-text, .bq-history-list li, .care-step, .mood-day-entry) {
  color: #e2e8f0 !important;
}
.guild-theme #training-exercise-modal#training-exercise-modal :is(small, figcaption, .food-detail-note, .bq-hint, .bq-history-date, .bq-history-note, .bq-disclaimer) {
  color: #cbd5e1 !important;
}
.guild-theme #training-exercise-modal#training-exercise-modal a {
  color: var(--hq-gold) !important;
  text-decoration: underline !important;
}
.guild-theme #training-exercise-modal#training-exercise-modal :is(.care-step, .mood-day-entry, .bq-log, .bq-history, .bq-section) {
  background-color: #182042 !important;
  background-image: linear-gradient(145deg, rgba(148, 163, 248, .10), rgba(17, 24, 51, .22)) !important;
  border: 1px solid rgba(148, 163, 248, .28) !important;
  border-radius: 12px !important;
  color: #fff9eb !important;
}
.guild-theme #training-exercise-modal#training-exercise-modal .bq-score {
  background-color: #141c3a !important;
  border: 1px solid rgba(148, 163, 248, .32) !important;
  color: #fff9eb !important;
}
.guild-theme #training-exercise-modal#training-exercise-modal :is(.care-edit-button, .training-edit-content) {
  margin: .65rem 0 .45rem !important;
}
.guild-theme #training-exercise-modal#training-exercise-modal .food-detail-source {
  display: block !important;
  margin-top: .35rem !important;
  color: #cbd5e1 !important;
  line-height: 1.45 !important;
}
.guild-theme #training-exercise-modal#training-exercise-modal .food-detail-actions {
  position: sticky !important;
  bottom: -1.4rem !important;
  margin: .75rem -1.35rem -1.4rem !important;
  padding: .9rem 1.35rem 1rem !important;
  background-color: #0d132b !important;
  background-image: linear-gradient(180deg, rgba(17, 24, 51, .94) 0%, #0d132b 100%) !important;
  border-top: 1px solid rgba(148, 163, 248, .24) !important;
}
/* #card-detail-modal internal typography & rows */
.guild-theme #card-detail-modal#card-detail-modal #detail-read-summary {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .5rem !important;
  margin-bottom: .9rem !important;
}
.guild-theme #card-detail-modal#card-detail-modal #detail-read-summary > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: .35rem !important;
  padding: .32rem .8rem !important;
  border-radius: 999px !important;
  background-color: #182042 !important;
  background-image: linear-gradient(145deg, rgba(148, 163, 248, .14), rgba(17, 24, 51, .35)) !important;
  border: 1px solid rgba(148, 163, 248, .36) !important;
  color: #fff9eb !important;
  font: 700 .84rem/1.2 'AK Thai','Google Sans','Outfit', 'Plus Jakarta Sans', sans-serif !important;
  box-shadow: 0 2px 8px rgba(4, 6, 20, .3) !important;
}
.guild-theme #card-detail-modal#card-detail-modal #detail-read-summary > span.priority-tag.priority-high {
  color: #fbbf24 !important;
  background-color: rgba(251, 191, 36, .14) !important;
  border-color: rgba(251, 191, 36, .52) !important;
}
.guild-theme #card-detail-modal#card-detail-modal #detail-read-summary > span.priority-tag.priority-medium,
.guild-theme #card-detail-modal#card-detail-modal #detail-read-summary > span.priority-tag:not(.priority-high):not(.priority-low) {
  color: #38bdf8 !important;
  background-color: rgba(56, 189, 248, .14) !important;
  border-color: rgba(56, 189, 248, .52) !important;
}
.guild-theme #card-detail-modal#card-detail-modal #detail-read-summary > span.priority-tag.priority-low {
  color: #34d399 !important;
  background-color: rgba(52, 211, 153, .14) !important;
  border-color: rgba(52, 211, 153, .52) !important;
}
.guild-theme #card-detail-modal#card-detail-modal :is(label, summary, h3, .detail-task-copy, .detail-read-description p) {
  color: #fff9eb !important;
}
.guild-theme #card-detail-modal#card-detail-modal :is(small, .detail-task-heading span, .detail-task-empty, .detail-task-copy small) {
  color: #cbd5e1 !important;
}
.guild-theme #card-detail-modal#card-detail-modal :is(.detail-task-section, .detail-optional) {
  border-top: 1px solid rgba(148, 163, 248, .2) !important;
}
.guild-theme #card-detail-modal#card-detail-modal .detail-task-row {
  border-bottom: 1px solid rgba(148, 163, 248, .18) !important;
}
.guild-theme #card-detail-modal#card-detail-modal .detail-resource-link {
  background-color: #182042 !important;
  color: var(--hq-gold) !important;
  border: 1px solid rgba(148, 163, 248, .32) !important;
  border-radius: 10px !important;
}
.guild-theme #quick-log-window .form-actions,
.guild-theme #quick-log-window .capture-form-actions,
.guild-theme #card-detail-modal#card-detail-modal .modal-dialog-actions {
  background-color: #0d132b !important;
  background-image: none !important;
  border-top: 1px solid rgba(148, 163, 248, .24) !important;
  box-shadow: none !important;
  padding: .85rem 1.35rem !important;
}

/* ============================================================================
   9. INSIGHTS (#progress-panel), CARE (#care-panel), BODY (#body-panel),
      MIND & SLEEP (#mental-panel), HISTORY (#calendar-panel), CHARACTER (#profile-panel)
   (Audi 2026-10-22: "แล้วออกแบบให้สวยด้วยในทุกหน้า Today, History, Log, Train, Food, Mind & Sleep, Care, Body, Insights, Character เช่น หน้า Insights กราฟและพื้นหลังไม่สวยเลย")
   ============================================================================ */
/* 9A. INSIGHTS (#progress-panel) — Starlight Observatory Charts & Cards */
.guild-theme #progress-panel#progress-panel#progress-panel .progress-layout {
  display: grid !important;
  gap: 1.25rem !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .chart-card {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  color: #fff9eb !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .weekly-card {
  background-color: #141c3d !important;
  background-image: var(--hq-panel) !important;
  border: 1px solid rgba(148, 163, 248, .28) !important;
  border-radius: 16px !important;
  padding: 1.25rem 1.35rem !important;
  box-shadow: 0 12px 28px rgba(4, 6, 20, .42), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
  color: #fff9eb !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .weekly-card p#weekly-review,
.guild-theme #progress-panel#progress-panel#progress-panel #weekly-review {
  color: #cbd5e1 !important;
  font-size: .95rem !important;
  line-height: 1.55 !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .consistency-stat-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
  gap: .75rem !important;
  margin-top: .85rem !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .consistency-stat {
  background-color: #182042 !important;
  background-image: linear-gradient(145deg, rgba(148, 163, 248, .12), rgba(17, 24, 51, .28)) !important;
  border: 1px solid rgba(148, 163, 248, .28) !important;
  border-left: 3px solid var(--hq-gold) !important;
  border-radius: 12px !important;
  padding: .85rem 1rem !important;
  box-shadow: 0 4px 12px rgba(4, 6, 20, .28) !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .consistency-stat span {
  color: #94a3b8 !important;
  font: 700 .72rem/1.2 'AK Thai','Google Sans','Outfit', sans-serif !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .consistency-stat strong {
  color: #fff9eb !important;
  font: 800 1.32rem/1.2 'AK Thai','Google Sans','Outfit', sans-serif !important;
  margin-top: .2rem !important;
  display: block !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .consistency-stat small {
  color: #cbd5e1 !important;
  font-size: .8rem !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .metric-chart-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: .9rem !important;
  margin-top: .85rem !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .metric-chart {
  background-color: #0b1026 !important;
  background-image: radial-gradient(circle at 50% 0%, rgba(56, 189, 248, .12), transparent 72%), linear-gradient(180deg, #111836 0%, #0b1026 100%) !important;
  border: 1px solid rgba(148, 163, 248, .26) !important;
  border-radius: 14px !important;
  padding: 1rem 1.1rem !important;
  box-shadow: inset 0 2px 10px rgba(0, 0, 0, .45), 0 6px 16px rgba(4, 6, 20, .32) !important;
  color: #fff9eb !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .metric-chart::before,
.guild-theme #progress-panel#progress-panel#progress-panel .metric-chart::after {
  display: none !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .metric-chart-heading {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: .5rem !important;
  margin-bottom: .65rem !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .metric-chart-heading strong {
  color: #fff9eb !important;
  font: 700 .96rem/1.25 'AK Thai','Google Sans','Outfit', 'Plus Jakarta Sans', sans-serif !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .metric-chart-heading span {
  color: var(--hq-gold) !important;
  font: 800 .92rem/1.2 'JetBrains Mono', 'Outfit', monospace !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .metric-chart .chart-svg {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-top: 1px solid rgba(148, 163, 248, .16) !important;
  border-radius: 0 !important;
  padding: .45rem 0 .15rem !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .metric-chart .chart-line {
  filter: drop-shadow(0 0 6px rgba(56, 189, 248, .42)) !important;
  stroke-width: 3px !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .metric-chart .chart-svg circle {
  filter: none !important;
  stroke: #0b1026 !important;
  stroke-width: 2px !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .metric-chart .target-band {
  fill: rgba(52, 211, 153, .15) !important;
  stroke: rgba(52, 211, 153, .42) !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .metric-chart .chart-band-label,
.guild-theme #progress-panel#progress-panel#progress-panel .metric-chart svg text {
  fill: #6ee7b7 !important;
  color: #6ee7b7 !important;
  font-weight: 700 !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .metric-chart .chart-axis {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .5rem !important;
  margin-top: .55rem !important;
  padding-top: .45rem !important;
  border-top: 1px solid rgba(148, 163, 248, .14) !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .metric-chart .chart-axis span {
  color: #94a3b8 !important;
  font: 600 .76rem/1.2 'JetBrains Mono', 'Outfit', monospace !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .metric-chart .chart-axis .chart-range {
  color: #f4c56a !important;
  font-weight: 700 !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .metric-chart .chart-empty {
  margin: .35rem 0 0 !important;
  padding: 1.1rem .5rem .4rem !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-top: 1px solid rgba(148, 163, 248, .16) !important;
  color: #94a3b8 !important;
  text-align: center !important;
  font-size: .85rem !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .trend-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)) !important;
  gap: .75rem !important;
  margin-top: .85rem !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .trend-grid > article {
  background-color: #182042 !important;
  background-image: linear-gradient(145deg, rgba(148, 163, 248, .10), rgba(17, 24, 51, .26)) !important;
  border: 1px solid rgba(148, 163, 248, .26) !important;
  border-top: 3px solid var(--hq-gold) !important;
  border-radius: 12px !important;
  padding: .9rem 1rem !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .trend-grid > article span {
  color: #94a3b8 !important;
  font: 700 .72rem/1.2 'AK Thai','Google Sans','Outfit', sans-serif !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .trend-grid > article strong {
  color: #fff9eb !important;
  font: 800 1.22rem/1.25 'AK Thai','Google Sans','Outfit', sans-serif !important;
  display: block !important;
  margin: .2rem 0 .15rem !important;
}
.guild-theme #progress-panel#progress-panel#progress-panel .trend-grid > article small {
  color: #cbd5e1 !important;
}

/* 9B. CARE (#care-panel) — Populated Products, Stat Chips, Library & Parked Shelf */
.guild-theme #care-panel#care-panel#care-panel .care-stat-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .5rem !important;
}
.guild-theme #care-panel#care-panel#care-panel .care-stat-chip {
  background-color: #182042 !important;
  background-image: linear-gradient(145deg, rgba(148, 163, 248, .14), rgba(17, 24, 51, .32)) !important;
  border: 1px solid rgba(244, 197, 106, .38) !important;
  border-radius: 12px !important;
  padding: .45rem .8rem !important;
  color: #fff9eb !important;
  box-shadow: 0 4px 12px rgba(4, 6, 20, .3) !important;
}
.guild-theme #care-panel#care-panel#care-panel .care-stat-chip strong {
  color: var(--hq-gold) !important;
  font: 800 1.1rem/1.15 'AK Thai','Google Sans','Outfit', sans-serif !important;
}
.guild-theme #care-panel#care-panel#care-panel .care-stat-chip span {
  color: #cbd5e1 !important;
  font: 600 .74rem/1.2 'AK Thai','Google Sans','Plus Jakarta Sans', sans-serif !important;
}
.guild-theme #care-panel#care-panel#care-panel .care-today-group {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-left: 3px solid var(--hq-gold) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: .25rem 0 .25rem 1rem !important;
}
.guild-theme #care-panel#care-panel#care-panel .care-today-group-heading .care-today-group-label {
  color: var(--hq-gold) !important;
  font: 700 .88rem/1.2 'AK Thai','Google Sans','Outfit', sans-serif !important;
}
.guild-theme #care-panel#care-panel#care-panel .care-today-group-heading small {
  color: #cbd5e1 !important;
}
.guild-theme #care-panel#care-panel#care-panel .care-routine-product {
  background-color: #182042 !important;
  background-image: linear-gradient(145deg, rgba(148, 163, 248, .12), rgba(17, 24, 51, .28)) !important;
  border: 1px solid rgba(148, 163, 248, .3) !important;
  border-radius: 14px !important;
  padding: .75rem .9rem !important;
  color: #fff9eb !important;
  box-shadow: 0 6px 16px rgba(4, 6, 20, .32) !important;
}
.guild-theme #care-panel#care-panel#care-panel .care-routine-product:hover {
  border-color: rgba(244, 197, 106, .58) !important;
  background-color: #1f2a54 !important;
}
.guild-theme #care-panel#care-panel#care-panel .care-routine-product.is-done {
  background-color: #122d2b !important;
  background-image: linear-gradient(145deg, rgba(16, 185, 129, .18), rgba(17, 24, 51, .35)) !important;
  border-color: rgba(52, 211, 153, .52) !important;
}
.guild-theme #care-panel#care-panel#care-panel .care-routine-detail,
.guild-theme #care-panel#care-panel#care-panel .care-routine-detail:hover {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff9eb !important;
  text-align: left !important;
}
.guild-theme #care-panel#care-panel#care-panel .care-routine-copy strong,
.guild-theme #care-panel#care-panel#care-panel .care-routine-product strong,
.guild-theme #care-panel#care-panel#care-panel .care-card strong,
.guild-theme #care-panel#care-panel#care-panel .care-card h3 {
  color: #fff9eb !important;
}
.guild-theme #care-panel#care-panel#care-panel .care-routine-copy small,
.guild-theme #care-panel#care-panel#care-panel .care-routine-product small,
.guild-theme #care-panel#care-panel#care-panel .care-card p,
.guild-theme #care-panel#care-panel#care-panel .care-card small {
  color: #cbd5e1 !important;
}
.guild-theme #care-panel#care-panel#care-panel .health-product-photo,
.guild-theme #food-panel#food-panel#food-panel .health-product-photo {
  background-color: #0d132b !important;
  background-image: radial-gradient(circle at 50% 35%, rgba(148, 163, 248, .18), rgba(13, 19, 43, .92)) !important;
  border: 1px solid rgba(148, 163, 248, .28) !important;
  border-radius: 10px !important;
}
.guild-theme #care-panel#care-panel#care-panel :is(.care-card, .parked-shelf, .parked-row) {
  background-color: #182042 !important;
  background-image: linear-gradient(145deg, rgba(148, 163, 248, .10), rgba(17, 24, 51, .24)) !important;
  border: 1px solid rgba(148, 163, 248, .28) !important;
  border-radius: 14px !important;
  color: #fff9eb !important;
}
.guild-theme #care-panel#care-panel#care-panel .care-filter-chip:not(.active) {
  background-color: #1c284f !important;
  background-image: linear-gradient(145deg, rgba(148, 163, 248, .14), rgba(28, 40, 79, .85)) !important;
  border: 1px solid rgba(148, 163, 248, .38) !important;
  border-radius: 999px !important;
  color: #fff9eb !important;
}
.guild-theme #care-panel#care-panel#care-panel .care-filter-chip.active,
.guild-theme #care-panel#care-panel#care-panel .care-filter-chip.active:hover,
.guild-theme #care-panel#care-panel#care-panel .care-filter-chip.active * {
  background-color: #eab85c !important;
  background-image: linear-gradient(135deg, #f9e9be 0%, #f0c468 52%, #d99b38 100%) !important;
  border: 1px solid rgba(255, 245, 214, .85) !important;
  border-radius: 999px !important;
  color: #181208 !important;
  font-weight: 800 !important;
}
.guild-theme #care-panel#care-panel#care-panel .care-use-toggle:not(.is-done),
.guild-theme #care-panel#care-panel#care-panel .care-use-toggle:not(.is-done) * {
  background-color: #1c284f !important;
  background-image: linear-gradient(145deg, rgba(148, 163, 248, .16), rgba(28, 40, 79, .88)) !important;
  border: 1px solid rgba(148, 163, 248, .44) !important;
  border-radius: 10px !important;
  color: #fff9eb !important;
  font-weight: 700 !important;
}
.guild-theme #care-panel#care-panel#care-panel .care-use-toggle:not(.is-done):hover {
  background-color: #263669 !important;
  border-color: var(--hq-gold) !important;
  color: #fff9eb !important;
}
.guild-theme #care-panel#care-panel#care-panel .parked-copy strong { color: #fff9eb !important; }
.guild-theme #care-panel#care-panel#care-panel .parked-copy small { color: #cbd5e1 !important; }
.guild-theme #profile-panel#profile-panel#profile-panel #character-radar {
  overflow: visible !important;
}
.guild-theme #profile-panel#profile-panel#profile-panel #character-radar .radar-labels text {
  font-size: 9.5px !important;
  font-weight: 800 !important;
}
.guild-theme #profile-panel#profile-panel#profile-panel .habit-form {
  display: grid !important;
  grid-template-columns: minmax(180px, 2fr) 92px minmax(220px, 2fr) 130px !important;
  gap: .75rem !important;
  align-items: end !important;
}
.guild-theme #profile-panel#profile-panel#profile-panel .habit-form > button {
  grid-column: auto !important;
}
@media (max-width: 960px) {
  .guild-theme #profile-panel#profile-panel#profile-panel .habit-form {
    grid-template-columns: 1fr 1fr !important;
  }
}
.guild-theme :is(#card-detail-modal, #quick-log-window, #training-exercise-modal) button:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(244, 197, 106, .5) !important;
}

/* 9C. BODY (#body-panel), MIND & SLEEP (#mental-panel), HISTORY (#calendar-panel), PEOPLE (#people-panel) */
.guild-theme #body-panel#body-panel#body-panel .bq-card,
.guild-theme #mental-panel#mental-panel#mental-panel :is(.mood-stat-chip, .journal-full, .capture-row),
.guild-theme #calendar-panel#calendar-panel#calendar-panel :is(.history-row, .timeline-row),
.guild-theme #people-panel#people-panel#people-panel .person-card {
  background-color: #182042 !important;
  background-image: linear-gradient(145deg, rgba(148, 163, 248, .11), rgba(17, 24, 51, .26)) !important;
  border: 1px solid rgba(148, 163, 248, .28) !important;
  border-radius: 14px !important;
  color: #fff9eb !important;
}
.guild-theme #body-panel#body-panel#body-panel .bq-card :is(h3, strong, .bq-card-title),
.guild-theme #calendar-panel#calendar-panel#calendar-panel :is(.history-row, .timeline-row) strong,
.guild-theme #people-panel#people-panel#people-panel .person-card :is(h3, strong) {
  color: #fff9eb !important;
}
.guild-theme #body-panel#body-panel#body-panel .bq-card :is(p, small, span:not(.bq-pill)),
.guild-theme #calendar-panel#calendar-panel#calendar-panel :is(.history-row, .timeline-row) :is(p, small, span),
.guild-theme #people-panel#people-panel#people-panel .person-card :is(p, small, span) {
  color: #cbd5e1 !important;
}
/* Inline Context Editor (.health-context-editor) */
.guild-theme .health-context-editor {
  background-color: #141c3a !important;
  background-image: var(--hq-panel) !important;
  border: 1.5px solid rgba(244, 197, 106, .45) !important;
  border-radius: 14px !important;
  padding: 1.15rem 1.25rem !important;
  color: #fff9eb !important;
  box-shadow: 0 12px 28px rgba(4, 6, 20, .48) !important;
}
.guild-theme .health-context-editor :is(h3, strong, label, summary) { color: #fff9eb !important; }
.guild-theme .health-context-editor small { color: var(--hq-ink-2) !important; }

/* General text contrast helpers */
.guild-theme .hq-on-dark { color: var(--hq-ink) !important; }
.guild-theme small.hq-on-dark, .guild-theme .hq-on-dark small { color: var(--hq-ink-2) !important; }
.guild-theme [data-hqs] svg text, .guild-theme #profile-panel svg text { fill: #fff9eb !important; color: #fff9eb !important; }
.guild-theme .main-quest-board::after { display: none !important; }
.guild-theme .quest-title-line { flex-wrap: wrap; row-gap: .3rem; }
.guild-theme .quest-title-left { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: .35rem .45rem !important; min-width: 0; flex: 1 1 auto; }
.guild-theme label.range-select { display: inline-flex !important; align-items: center !important; gap: .5rem !important; white-space: nowrap !important; }
.guild-theme :is(.health-tab, .health-tab .tab-label, #training-reference-save, .health-more-menu button, .quest-stat-badge, .priority-tag, .btn-detail-log, .quest-quick-actions button) {
  white-space: nowrap !important;
}

/* ============================================================================
   12. ARCHITECTURAL ZONE HIERARCHY (True 1-Layer Surface Architecture — Zero Box-in-Box)
   (Audi 2026-10-22: "พวกนี้ไม่ใช่กล่องในกล่องหรอ แล้วเช็คอย่างละเอียดด้วยว่าจะทำยังไงให้สวยงามน่าใช้ขึ้นได้อีก animation สี graphic")
   ============================================================================ */

/* 12A. Open Multi-Card Zone Containers: ZERO outer 4-sided box so child cards are strictly 1-Layer! */
html body.guild-theme :is(
  #today-panel#today-panel#today-panel :is(.daily-adventure, .quest-zone, .today-timeline-zone, .life-today-zone),
  #calendar-panel#calendar-panel#calendar-panel :is(.history-day-zone, .calendar-zone, #day-detail, .recent-history-zone),
  #add-panel#add-panel#add-panel :is(.quick-log-hub, .universal-intake, #capture-inbox),
  #workout-panel#workout-panel#workout-panel :is(.training-week, .workout-hub, .workout-preset-zone, .workout-history-zone),
  #food-panel#food-panel#food-panel :is(.food-topup-card, section.food-card:has(#food-plan-title), section.food-card:has(#food-supp-title)),
  #mental-panel#mental-panel#mental-panel :is(.mental-hub, .mental-stats-zone, .mental-history-zone),
  #care-panel#care-panel#care-panel :is(.care-today, .care-today-board),
  #progress-panel#progress-panel#progress-panel :is(.insight-overview, section.weekly-review, .charts-grid, .progress-insight, .progress-zone, .badge-zone),
  #profile-panel#profile-panel#profile-panel .habit-hub
) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: .35rem 0 0 !important;
  margin-bottom: 2.1rem !important;
  box-shadow: none !important;
}

/* 12B. Vivid Architectural Gradient Header Ribbons for Open Multi-Card Zones */
html body.guild-theme .hq-zone-header-ribbon {
  position: relative !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .65rem 1.15rem !important;
  padding: .88rem 1.3rem !important;
  margin-bottom: 1.2rem !important;
  border-radius: 14px 10px 10px 14px !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}
html body.guild-theme .hq-zone-header-ribbon--primary {
  background-color: rgba(19, 30, 66, .76) !important;
  background-image:
    radial-gradient(circle at 0% 50%, rgba(244, 197, 106, .24), transparent 55%),
    linear-gradient(90deg, rgba(244, 197, 106, .18) 0%, rgba(30, 46, 98, .72) 48%, rgba(15, 23, 50, .25) 100%) !important;
  border: 0 !important;
  border-left: 5px solid #f4c56a !important;
  border-bottom: 1px solid rgba(244, 197, 106, .26) !important;
  box-shadow: -6px 0 20px -6px rgba(244, 197, 106, .42), 0 8px 20px rgba(2, 5, 18, .34) !important;
}
html body.guild-theme .hq-zone-header-ribbon--secondary {
  background-color: rgba(15, 27, 58, .74) !important;
  background-image:
    radial-gradient(circle at 0% 50%, rgba(56, 189, 248, .22), transparent 55%),
    linear-gradient(90deg, rgba(56, 189, 248, .17) 0%, rgba(24, 42, 86, .70) 48%, rgba(12, 20, 44, .22) 100%) !important;
  border: 0 !important;
  border-left: 5px solid #38bdf8 !important;
  border-bottom: 1px solid rgba(56, 189, 248, .26) !important;
  box-shadow: -6px 0 20px -6px rgba(56, 189, 248, .38), 0 8px 20px rgba(2, 5, 18, .32) !important;
}

/* 12C. True Single-Surface 1-Layer Cards (Hold frameless content, NEVER child card grids) */
html body.guild-theme :is(
  #workout-panel#workout-panel#workout-panel .training-intro,
  #food-panel#food-panel#food-panel :is(.food-intro, .food-quest-card),
  #care-panel#care-panel#care-panel :is(.care-hero, .care-starter)
) {
  background-color: #131f44 !important;
  background-image:
    radial-gradient(circle at 0% 35%, rgba(244, 197, 106, .18), transparent 55%),
    radial-gradient(circle at 95% 10%, rgba(56, 189, 248, .10), transparent 48%),
    linear-gradient(145deg, #192856 0%, #101938 100%) !important;
  border: 1px solid rgba(244, 197, 106, .40) !important;
  border-left: 5px solid #f4c56a !important;
  border-radius: 20px !important;
  padding: 1.35rem 1.65rem !important;
  margin-bottom: 1.45rem !important;
  box-shadow: 0 14px 32px rgba(2, 5, 18, .48), inset 0 1px 0 rgba(255, 248, 220, .12) !important;
}
html body.guild-theme :is(
  #workout-panel#workout-panel#workout-panel aside.training-reference,
  #add-panel#add-panel#add-panel .capture-form
) {
  background-color: #101b3b !important;
  background-image:
    radial-gradient(circle at 95% 10%, rgba(56, 189, 248, .18), transparent 56%),
    radial-gradient(circle at 5% 90%, rgba(129, 140, 248, .10), transparent 50%),
    linear-gradient(155deg, #15234b 0%, #0d1530 100%) !important;
  border: 1px solid rgba(56, 189, 248, .38) !important;
  border-left: 5px solid #38bdf8 !important;
  border-radius: 20px !important;
  padding: 1.35rem 1.65rem !important;
  margin-bottom: 1.4rem !important;
  box-shadow: 0 14px 32px rgba(2, 5, 18, .46), inset 0 1px 0 rgba(186, 230, 253, .12) !important;
}

/* 12D. Zone Header Typography & Tier Badges */
html body.guild-theme [data-zone-tier="primary"] :is(.section-heading, .section-head, .training-week-head, .today-cockpit-head, .guild-board-crown, .calendar-toolbar) h2,
html body.guild-theme [data-zone-tier="primary"] > h2 {
  font-size: clamp(1.42rem, 2.2vw, 1.82rem) !important;
  color: #fff9eb !important;
  line-height: 1.2 !important;
}
html body.guild-theme [data-zone-tier="secondary"] :is(.section-heading, .section-head, .training-week-head) h2,
html body.guild-theme [data-zone-tier="secondary"] > h2,
html body.guild-theme [data-zone-tier="secondary"] > .training-reference-card > h2 {
  font-size: clamp(1.24rem, 1.85vw, 1.52rem) !important;
  color: #f8fafc !important;
  line-height: 1.25 !important;
}
html body.guild-theme .hq-zone-tier-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: .3rem !important;
  padding: .18rem .62rem !important;
  max-height: 26px !important;
  border-radius: 999px !important;
  font-family: var(--font-head, 'AK Thai','Google Sans','Outfit', 'Sarabun', sans-serif) !important;
  font-size: .7rem !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  line-height: 1.15 !important;
  vertical-align: middle !important;
  margin-left: .6rem !important;
  white-space: nowrap !important;
}
html body.guild-theme .hq-zone-tier-badge--primary {
  color: #fef08a !important;
  background: rgba(244, 197, 106, .20) !important;
  border: 1px solid rgba(244, 197, 106, .64) !important;
}
html body.guild-theme .hq-zone-tier-badge--secondary {
  color: #bae6fd !important;
  background: rgba(56, 189, 248, .18) !important;
  border: 1px solid rgba(56, 189, 248, .54) !important;
}

/* ============================================================================
   13. INTERACTIVE ROUTINE STEPS, MEDIA THUMBNAILS, LINKS & COUNTDOWN TIMERS
   ============================================================================ */
.guild-theme #workout-panel#workout-panel#workout-panel .training-routine-steps {
  list-style: decimal inside !important;
  padding: .35rem 0 !important;
  margin: .45rem 0 !important;
  display: grid !important;
  gap: .35rem !important;
}
.guild-theme #workout-panel#workout-panel#workout-panel .training-routine-step-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: .45rem .8rem !important;
  padding: .45rem .15rem !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px dashed rgba(148, 163, 248, .18) !important;
  color: #fff9eb !important;
}
.guild-theme #workout-panel#workout-panel#workout-panel .training-step-text {
  flex: 1 1 260px !important;
  color: #fff9eb !important;
  font-size: .94rem !important;
  line-height: 1.45 !important;
}
.guild-theme #workout-panel#workout-panel#workout-panel .training-step-thumb {
  width: 44px !important;
  height: 44px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  border: 1px solid rgba(244, 197, 106, .48) !important;
  cursor: pointer !important;
  flex: 0 0 auto !important;
}
.guild-theme #workout-panel#workout-panel#workout-panel .training-step-actions {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: .4rem !important;
}
.guild-theme #workout-panel#workout-panel#workout-panel .training-step-guide-btn {
  padding: .24rem .62rem !important;
  font-size: .78rem !important;
  max-height: 30px !important;
  line-height: 1.2 !important;
  border-radius: 999px !important;
}
.guild-theme :is(#workout-panel, #training-exercise-modal):is(#workout-panel, #training-exercise-modal):is(#workout-panel, #training-exercise-modal) .training-step-timer-btn {
  padding: .24rem .62rem !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  max-height: 30px !important;
  line-height: 1.2 !important;
  border-radius: 999px !important;
  color: #fef08a !important;
  background-color: #272012 !important;
  background-image: linear-gradient(135deg, rgba(245, 158, 11, .28) 0%, rgba(180, 83, 9, .44) 100%) !important;
  border: 1px solid rgba(251, 191, 36, .55) !important;
  transition: transform .14s ease, border-color .14s ease, background-color .14s ease;
}
.guild-theme :is(#workout-panel, #training-exercise-modal):is(#workout-panel, #training-exercise-modal):is(#workout-panel, #training-exercise-modal) .training-step-timer-btn:hover {
  transform: translateY(-2px) !important;
  border-color: #fde68a !important;
  color: #fffbeb !important;
  background-color: #362b16 !important;
}
.guild-theme :is(#workout-panel, #training-exercise-modal):is(#workout-panel, #training-exercise-modal):is(#workout-panel, #training-exercise-modal) .training-step-timer-btn.is-running {
  color: #ecfdf5 !important;
  background-color: #0d4a3e !important;
  background-image: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  border-color: #6ee7b7 !important;
}
.guild-theme :is(#workout-panel, #training-exercise-modal):is(#workout-panel, #training-exercise-modal):is(#workout-panel, #training-exercise-modal) :is(.training-step-link-pill, .training-routine-link-pill),
.guild-theme #today-panel#today-panel#today-panel .routine-step-resource-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: .28rem !important;
  padding: .2rem .58rem !important;
  max-height: 28px !important;
  border-radius: 999px !important;
  font-size: .76rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #bae6fd !important;
  background: rgba(14, 116, 144, .28) !important;
  border: 1px solid rgba(56, 189, 248, .48) !important;
  text-decoration: none !important;
  transition: transform .14s ease, border-color .14s ease, background-color .14s ease;
}
.guild-theme :is(#workout-panel, #training-exercise-modal):is(#workout-panel, #training-exercise-modal):is(#workout-panel, #training-exercise-modal) :is(.training-step-link-pill, .training-routine-link-pill):hover,
.guild-theme #today-panel#today-panel#today-panel .routine-step-resource-pill:hover {
  transform: translateY(-2px) !important;
  color: #f0f9ff !important;
  border-color: #7dd3fc !important;
  background: rgba(14, 116, 144, .46) !important;
}
.guild-theme #workout-panel#workout-panel#workout-panel .training-routine-links,
.guild-theme #today-panel#today-panel#today-panel .routine-step-media-strip {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .4rem !important;
  margin-top: .35rem !important;
}
.guild-theme #workout-panel#workout-panel#workout-panel .training-routine-photo-wrap {
  margin: .5rem 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
.guild-theme #workout-panel#workout-panel#workout-panel .training-routine-photo {
  max-height: 220px !important;
  width: auto !important;
  max-width: 100% !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  border: 1px solid rgba(244, 197, 106, .38) !important;
}
.guild-theme #workout-panel#workout-panel#workout-panel .training-routine-media-badge {
  display: inline-flex !important;
  align-items: center !important;
  padding: .14rem .48rem !important;
  max-height: 24px !important;
  border-radius: 999px !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  color: #fde68a !important;
  background: rgba(244, 197, 106, .16) !important;
  border: 1px solid rgba(244, 197, 106, .42) !important;
}
.guild-theme #training-exercise-modal .training-guide-custom-link {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .6rem !important;
  margin-top: .75rem !important;
}

/* ============================================================================
   14. CLICKABLE VS NON-CLICKABLE AFFORDANCE, MAIN QUEST CARDS,
       TRAIN STEP PARSING & INSIGHTS CIRCULAR RANK GAUGE (2026-10-22)
   ============================================================================ */

/* 14A. Strict Visual Affordance: Non-Clickable Status Readouts vs Clickable Controls */
html body.guild-theme :is(.hq-eyebrow, .hq-subtitle) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  cursor: default !important;
}
html body.guild-theme .hq-eyebrow {
  color: #fde68a !important;
  font-family: var(--font-mono) !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
html body.guild-theme .hq-subtitle {
  color: #cbd5e1 !important;
  font-size: .92rem !important;
  font-weight: 600 !important;
}
html body.guild-theme .hq-discipline-strip {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .65rem !important;
  padding: .42rem .85rem !important;
  background: rgba(11, 16, 35, .78) !important;
  border: 1px solid rgba(148, 163, 248, .24) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(4, 8, 24, .38) !important;
}
html body.guild-theme span.hq-disc-chip.hq-disc-readout {
  display: inline-flex !important;
  align-items: center !important;
  gap: .35rem !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: .15rem .35rem !important;
  color: #cbd5e1 !important;
  font-family: var(--font-mono) !important;
  font-size: .8rem !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  cursor: default !important;
  user-select: text !important;
  pointer-events: none !important;
}
html body.guild-theme span.hq-disc-chip.hq-disc-readout:first-child {
  padding-right: .75rem !important;
  border-right: 1px solid rgba(148, 163, 248, .25) !important;
}
html body.guild-theme span.hq-disc-chip.hq-disc-readout:last-child {
  padding-left: .55rem !important;
  border-left: 1px solid rgba(148, 163, 248, .25) !important;
  color: #fde68a !important;
}
html body.guild-theme button.hq-disc-chip--rhythm.hq-disc-action-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: .45rem !important;
  padding: .34rem .82rem !important;
  border-radius: 999px !important;
  background-color: #1e2d5e !important;
  background-image: linear-gradient(135deg, #283a75 0%, #19254f 100%) !important;
  border: 1.5px solid rgba(244, 197, 106, .78) !important;
  box-shadow: 0 3px 10px rgba(4, 8, 24, .5), inset 0 1px 0 rgba(255, 255, 255, .2) !important;
  color: #fffbeb !important;
  font-family: var(--font-body) !important;
  font-size: .82rem !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease, background-color .15s ease !important;
}
html body.guild-theme button.hq-disc-chip--rhythm.hq-disc-action-btn:hover {
  transform: translateY(-2px) !important;
  border-color: #fde047 !important;
  background-color: #293d7a !important;
  background-image: linear-gradient(135deg, #334b94 0%, #203066 100%) !important;
  box-shadow: 0 6px 16px rgba(244, 197, 106, .28), inset 0 1px 0 rgba(255, 255, 255, .28) !important;
}
html body.guild-theme button.hq-disc-chip--rhythm.hq-disc-action-btn .hq-disc-btn-arrow {
  display: inline-block !important;
  font-weight: 900 !important;
  color: #fde047 !important;
  transition: transform .15s ease !important;
}
html body.guild-theme button.hq-disc-chip--rhythm.hq-disc-action-btn:hover .hq-disc-btn-arrow {
  transform: translateX(3px) !important;
}

/* Frameless Non-Clickable Status Counters Across Panels */
html body.guild-theme :is(#daily-quest-summary, #checklist-count, #care-summary, #people-summary, #edit-status, #recent-history-count, #meal-summary-pill, #sleep-summary-pill) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: .1rem 0 !important;
  color: #fcd34d !important;
  font-family: var(--font-mono) !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  cursor: default !important;
}

/* 14B. Main Quests Cards Redesign (Today Panel) */
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.05rem !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: .85rem !important;
  padding: 1.05rem 1.15rem 1.05rem 1.2rem !important;
  border-radius: 16px !important;
  background-color: #131c38 !important;
  background-image: radial-gradient(circle at 100% 0%, rgba(244, 197, 106, .08), transparent 58%), linear-gradient(180deg, #172243 0%, #101830 100%) !important;
  border: 1px solid rgba(148, 163, 248, .24) !important;
  border-top: 1px solid rgba(148, 163, 248, .24) !important;
  border-left: 4px solid #fbbf24 !important;
  box-shadow: 0 10px 24px rgba(4, 8, 24, .34) !important;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest::before,
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest::after {
  display: none !important;
  content: none !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest[data-quest-action="sleep"] {
  border-left-color: #818cf8 !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest[data-quest-action="checkin"] {
  border-left-color: #38bdf8 !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest[data-quest-action="meal"] {
  border-left-color: #fbbf24 !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest:is([data-quest-action="workout"], [data-quest-action="cardio"], [data-quest-action="stretching"]) {
  border-left-color: #34d399 !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest.done {
  border-left-color: #10b981 !important;
  background-image: radial-gradient(circle at 100% 0%, rgba(16, 185, 129, .14), transparent 58%), linear-gradient(180deg, #13283c 0%, #0e1c2f 100%) !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 28px rgba(4, 8, 24, .48) !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.35rem !important;
  background: rgba(30, 43, 82, .72) !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(244, 197, 106, .28) !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest-body {
  display: flex !important;
  flex-direction: column !important;
  gap: .5rem !important;
  min-width: 0 !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest-title-line {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .45rem .6rem !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest-title-line > strong {
  font-family: var(--font-head) !important;
  font-size: 1.06rem !important;
  font-weight: 800 !important;
  color: #fff9eb !important;
  letter-spacing: -.01em !important;
  margin-right: auto !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest-state {
  display: inline-flex !important;
  align-items: center !important;
  padding: .18rem .58rem !important;
  max-height: 26px !important;
  border-radius: 999px !important;
  font-family: var(--font-mono) !important;
  font-size: .76rem !important;
  font-weight: 800 !important;
  color: #e2e8f0 !important;
  background: rgba(15, 23, 42, .68) !important;
  border: 0 !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest.done .quest-state {
  color: #6ee7b7 !important;
  background: rgba(6, 78, 59, .65) !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest-progress {
  width: 100% !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: rgba(9, 13, 28, .78) !important;
  border: 0 !important;
  overflow: hidden !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest-progress > span {
  display: block !important;
  height: 100% !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #f59e0b 0%, #fde047 100%) !important;
  transition: width .35s cubic-bezier(.22, 1, .36, 1) !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest.done .quest-progress > span {
  background: linear-gradient(90deg, #10b981 0%, #34d399 100%) !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest-meta {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .35rem .5rem !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest-detail-text {
  font-size: .84rem !important;
  font-weight: 600 !important;
  color: #cbd5e1 !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest-reward {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  width: fit-content !important;
  max-width: fit-content !important;
  margin-top: 0 !important;
  padding: .16rem .58rem !important;
  max-height: 24px !important;
  border-radius: 999px !important;
  font-family: var(--font-mono) !important;
  font-size: .74rem !important;
  font-weight: 800 !important;
  color: #fde68a !important;
  background: rgba(244, 197, 106, .16) !important;
  border: 0 !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest-quick-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .55rem !important;
  margin-top: .25rem !important;
  padding-top: .55rem !important;
  border-top: 1px solid rgba(148, 163, 248, .14) !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest-quick-actions > button {
  width: auto !important;
  flex: 0 0 auto !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest-quick-btn {
  padding: .36rem .88rem !important;
  max-height: 34px !important;
  border-radius: 10px !important;
  font-size: .82rem !important;
  font-weight: 800 !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest-detail-btn {
  padding: .34rem .78rem !important;
  max-height: 34px !important;
  border-radius: 10px !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
  color: #cbd5e1 !important;
  background: rgba(30, 41, 75, .55) !important;
  border: 1px solid rgba(148, 163, 248, .28) !important;
}
html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest-detail-btn:hover {
  color: #ffffff !important;
  border-color: rgba(244, 197, 106, .65) !important;
  background: rgba(39, 54, 98, .78) !important;
}

/* 14C. Train Tab Layout: Open Session Header + Side-by-Side 1-Layer Routine Cards + Connected Timeline Spine
   (Audi 2026-10-22: "🔥Part 1 · Dynamic mobility ... 🧊Part 2 · Static stretches ... พวกนี้ไม่ใช่กล่องในกล่องหรอ แล้วเช็คอย่างละเอียดด้วยว่าจะทำยังไงให้สวยงามน่าใช้ขึ้นได้อีก animation สี graphic") */
html body.guild-theme #workout-panel#workout-panel#workout-panel .training-layout {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1.75rem !important;
}
/* .program-row is an OPEN session container (NO outer box around Part 1 & Part 2!) */
html body.guild-theme #workout-panel#workout-panel#workout-panel .program-row {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: .35rem 0 0 !important;
  margin-top: 1.15rem !important;
  box-shadow: none !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .program-row .program-card-open {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .6rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: var(--font-head) !important;
  font-size: clamp(1.38rem, 2.1vw, 1.65rem) !important;
  font-weight: 800 !important;
  color: #fff9eb !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .training-session-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .55rem !important;
  margin: .45rem 0 1.1rem !important;
  padding-bottom: .9rem !important;
  border-bottom: 1px solid rgba(244, 197, 106, .28) !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .training-session-duration {
  display: inline-flex !important;
  align-items: center !important;
  padding: .22rem .74rem !important;
  border-radius: 999px !important;
  font-family: var(--font-mono) !important;
  font-size: .8rem !important;
  font-weight: 800 !important;
  color: #fef08a !important;
  background: rgba(245, 158, 11, .24) !important;
  border: 1px solid rgba(251, 191, 36, .56) !important;
  box-shadow: 0 0 14px rgba(245, 158, 11, .2) !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .training-session-kind {
  display: inline-flex !important;
  align-items: center !important;
  padding: .22rem .74rem !important;
  border-radius: 999px !important;
  font-family: var(--font-mono) !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  color: #e0f2fe !important;
  background: rgba(56, 189, 248, .2) !important;
  border: 1px solid rgba(56, 189, 248, .48) !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .training-session-item {
  padding: .65rem 0 !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .training-session-head {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .6rem 1rem !important;
  padding-bottom: .75rem !important;
  margin-bottom: .85rem !important;
  border-bottom: 1px solid rgba(244, 197, 106, .24) !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .training-session-head > strong {
  font-family: var(--font-head) !important;
  font-size: 1.32rem !important;
  font-weight: 800 !important;
  color: #fff9eb !important;
}
/* Side-by-side 2-column grid for Part 1 (Dynamic) & Part 2 (Static) on desktop */
html body.guild-theme #workout-panel#workout-panel#workout-panel .training-routines {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)) !important;
  gap: 1.25rem !important;
  align-items: start !important;
  margin: .35rem 0 1.15rem !important;
}
/* Part 1 & Part 2 are the ONLY 1-Layer Cards here (Solar Amber-Crimson vs Aurora Cyan-Indigo) */
html body.guild-theme #workout-panel#workout-panel#workout-panel details.training-routine {
  margin: 0 !important;
  padding: 1.25rem 1.35rem !important;
  background-color: #1a2144 !important;
  background-image:
    radial-gradient(circle at 0% 0%, rgba(245, 158, 11, .26), transparent 58%),
    radial-gradient(circle at 100% 100%, rgba(244, 63, 94, .12), transparent 55%),
    linear-gradient(165deg, rgba(34, 38, 76, .96) 0%, rgba(15, 21, 46, .98) 100%) !important;
  border: 1.5px solid rgba(251, 191, 36, .48) !important;
  border-top: 4px solid #f59e0b !important;
  border-radius: 20px !important;
  box-shadow: 0 14px 32px rgba(2, 5, 18, .48), inset 0 1px 0 rgba(255, 248, 220, .14) !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel details.training-routine:hover {
  box-shadow: 0 18px 38px rgba(2, 5, 18, .58), 0 0 24px rgba(245, 158, 11, .14), inset 0 1px 0 rgba(255, 248, 220, .2) !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel details.training-routine--dynamic {
  border-top-color: #f59e0b !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel details.training-routine--static {
  background-color: #132347 !important;
  background-image:
    radial-gradient(circle at 0% 0%, rgba(56, 189, 248, .26), transparent 58%),
    radial-gradient(circle at 100% 100%, rgba(99, 102, 241, .14), transparent 55%),
    linear-gradient(165deg, rgba(22, 42, 82, .96) 0%, rgba(13, 23, 50, .98) 100%) !important;
  border: 1.5px solid rgba(56, 189, 248, .48) !important;
  border-top: 4px solid #38bdf8 !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel details.training-routine--static:hover {
  box-shadow: 0 18px 38px rgba(2, 5, 18, .58), 0 0 24px rgba(56, 189, 248, .16), inset 0 1px 0 rgba(224, 242, 254, .2) !important;
}
/* Routine summary header is frameless inside the 1-Layer routine card */
html body.guild-theme #workout-panel#workout-panel#workout-panel summary.training-routine-summary {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .55rem .9rem !important;
  padding: 0 0 .85rem !important;
  margin: 0 0 .65rem !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(251, 191, 36, .26) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel details.training-routine--static > summary.training-routine-summary {
  border-bottom-color: rgba(56, 189, 248, .28) !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .training-routine-title > strong {
  font-family: var(--font-head) !important;
  font-size: 1.2rem !important;
  font-weight: 800 !important;
  color: #fef08a !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel details.training-routine--static .training-routine-title > strong {
  color: #bae6fd !important;
}
/* Connected Vertical Timeline Spine for steps 01..05 (ZERO inner boxes!) */
html body.guild-theme #workout-panel#workout-panel#workout-panel ol.training-routine-steps {
  position: relative !important;
  list-style: none !important;
  padding: 0 !important;
  margin: .35rem 0 .65rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel ol.training-routine-steps::before {
  content: "" !important;
  position: absolute !important;
  left: 15px !important;
  top: 20px !important;
  bottom: 20px !important;
  width: 2px !important;
  background: linear-gradient(180deg, rgba(245, 158, 11, .75) 0%, rgba(245, 158, 11, .18) 100%) !important;
  border-radius: 999px !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel details.training-routine--static ol.training-routine-steps::before {
  background: linear-gradient(180deg, rgba(56, 189, 248, .75) 0%, rgba(56, 189, 248, .18) 100%) !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .training-routine-steps > :is(li.training-routine-step-item, li.training-step-item) {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .55rem .85rem !important;
  padding: .78rem .25rem .78rem 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(148, 163, 248, .14) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: transform .18s ease, border-color .18s ease !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .training-routine-steps > :is(li.training-routine-step-item, li.training-step-item):last-child {
  border-bottom: 0 !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .training-routine-steps > :is(li.training-routine-step-item, li.training-step-item):hover {
  transform: translateX(4px) !important;
  background: transparent !important;
  border-bottom-color: rgba(244, 197, 106, .38) !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .training-step-text {
  display: flex !important;
  align-items: flex-start !important;
  gap: .8rem !important;
  flex: 1 1 230px !important;
  min-width: 0 !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .training-step-num {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  font-family: var(--font-mono) !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  color: #fef08a !important;
  background: radial-gradient(circle at 30% 30%, #452708 0%, #1f1409 100%) !important;
  border: 2px solid #f59e0b !important;
  box-shadow: 0 0 12px rgba(245, 158, 11, .35) !important;
  flex-shrink: 0 !important;
  margin-top: .04rem !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel details.training-routine--static .training-step-num {
  color: #e0f2fe !important;
  background: radial-gradient(circle at 30% 30%, #0b2d48 0%, #09182c 100%) !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 0 12px rgba(56, 189, 248, .35) !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .training-routine-steps > li:hover .training-step-num {
  transform: scale(1.1) !important;
  box-shadow: 0 0 16px rgba(251, 191, 36, .65) !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel details.training-routine--static .training-routine-steps > li:hover .training-step-num {
  box-shadow: 0 0 16px rgba(56, 189, 248, .65) !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .training-step-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: .18rem !important;
  min-width: 0 !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .training-step-title-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .4rem .55rem !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .training-step-name {
  font-size: .98rem !important;
  font-weight: 800 !important;
  color: #fff9eb !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .training-step-target {
  display: inline-flex !important;
  align-items: center !important;
  padding: .14rem .56rem !important;
  max-height: 24px !important;
  border-radius: 999px !important;
  font-family: var(--font-mono) !important;
  font-size: .74rem !important;
  font-weight: 800 !important;
  color: #fef08a !important;
  background: rgba(245, 158, 11, .22) !important;
  border: 0 !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel details.training-routine--static .training-step-target {
  color: #e0f2fe !important;
  background: rgba(14, 165, 233, .24) !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .training-step-cue {
  display: block !important;
  font-size: .83rem !important;
  font-weight: 500 !important;
  color: #cbd5e1 !important;
  line-height: 1.4 !important;
}

/* 14D. Insights Tab: SVG Circular Consistency Rank Gauge & 4-Pillar Grid Spacing */
html body.guild-theme #progress-panel#progress-panel#progress-panel .consistency-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .85fr) !important;
  gap: 1.25rem !important;
  align-items: stretch !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel .score-card {
  order: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 1rem !important;
  padding: 1.4rem 1.6rem !important;
  border-radius: 20px !important;
  background-color: #131c38 !important;
  background-image: radial-gradient(circle at 12% 20%, rgba(244, 197, 106, .16), transparent 52%), radial-gradient(circle at 90% 10%, rgba(56, 189, 248, .12), transparent 48%), linear-gradient(180deg, #182346 0%, #101730 100%) !important;
  border: 1.5px solid rgba(244, 197, 106, .42) !important;
  box-shadow: 0 14px 32px rgba(4, 8, 24, .42) !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel .coverage-card {
  order: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: .55rem !important;
  padding: 1.35rem 1.5rem !important;
  border-radius: 20px !important;
  background-color: #131c38 !important;
  background-image: radial-gradient(circle at 88% 15%, rgba(56, 189, 248, .12), transparent 52%), linear-gradient(180deg, #172243 0%, #101830 100%) !important;
  border: 1px solid rgba(148, 163, 248, .28) !important;
  box-shadow: 0 12px 28px rgba(4, 8, 24, .36) !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel .score-card::before,
html body.guild-theme #progress-panel#progress-panel#progress-panel .score-card::after {
  display: none !important;
  content: none !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel .score-card-top {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 1.45rem !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel .consistency-rank-seal {
  position: relative !important;
  width: 118px !important;
  height: 118px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel .consistency-rank-seal::before,
html body.guild-theme #progress-panel#progress-panel#progress-panel .consistency-rank-seal::after {
  display: none !important;
  content: none !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel svg.consistency-ring-svg {
  width: 118px !important;
  height: 118px !important;
  transform: rotate(-90deg) !important;
  overflow: visible !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel .consistency-ring-track {
  fill: rgba(10, 15, 32, .72) !important;
  stroke: rgba(148, 163, 248, .2) !important;
  stroke-width: 9px !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel .consistency-ring-fill {
  fill: none !important;
  stroke: #fbbf24 !important;
  stroke-width: 9px !important;
  stroke-linecap: round !important;
  filter: drop-shadow(0 0 8px rgba(251, 191, 36, .45)) !important;
  transition: stroke-dashoffset .5s cubic-bezier(.22, 1, .36, 1) !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel .consistency-ring-inner {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  pointer-events: none !important;
  background: transparent !important;
  border: 0 !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel .consistency-ring-kicker {
  font-family: var(--font-mono) !important;
  font-size: .64rem !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  color: #fde68a !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel #consistency-score {
  font-family: var(--font-head) !important;
  font-size: 1.75rem !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  color: #ffffff !important;
  margin: .1rem 0 0 !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel .score-card-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: .4rem !important;
  flex: 1 1 220px !important;
  min-width: 0 !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel .score-card-eyebrow {
  font-family: var(--font-mono) !important;
  font-size: .82rem !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: #fde68a !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel .score-card-weights {
  margin: .15rem 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: .84rem !important;
  line-height: 1.45 !important;
  color: #cbd5e1 !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel .score-card-heading-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .65rem !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel .score-card-heading-row > strong {
  font-family: var(--font-head) !important;
  font-size: 1.48rem !important;
  font-weight: 800 !important;
  color: #fff9eb !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel .consistency-rank-badge {
  display: inline-flex !important;
  align-items: center !important;
  padding: .24rem .78rem !important;
  max-height: 28px !important;
  border-radius: 999px !important;
  font-family: var(--font-mono) !important;
  font-size: .8rem !important;
  font-weight: 800 !important;
  color: #fef08a !important;
  background: rgba(245, 158, 11, .22) !important;
  border: 0 !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel #consistency-breakdown {
  order: 3 !important;
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1.15rem !important;
  margin-top: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel #consistency-breakdown::before,
html body.guild-theme #progress-panel#progress-panel#progress-panel #consistency-breakdown::after {
  display: none !important;
  content: none !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel #consistency-breakdown .consistency-stat {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: .55rem !important;
  min-height: 118px !important;
  height: auto !important;
  padding: 1.05rem 1.2rem !important;
  border-radius: 16px !important;
  background-color: #162142 !important;
  background-image: linear-gradient(180deg, #1a274d 0%, #121b36 100%) !important;
  border: 0 !important;
  border-left: 4px solid #fbbf24 !important;
  box-shadow: 0 8px 20px rgba(4, 8, 24, .34) !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel #consistency-breakdown .consistency-stat::before,
html body.guild-theme #progress-panel#progress-panel#progress-panel #consistency-breakdown .consistency-stat::after {
  display: none !important;
  content: none !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel #consistency-breakdown .consistency-stat[data-pillar="logging"] {
  border-left-color: #fbbf24 !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel #consistency-breakdown .consistency-stat[data-pillar="nutrition"] {
  border-left-color: #34d399 !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel #consistency-breakdown .consistency-stat[data-pillar="training"] {
  border-left-color: #38bdf8 !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel #consistency-breakdown .consistency-stat[data-pillar="recovery"] {
  border-left-color: #a78bfa !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel #consistency-breakdown .consistency-stat-eyebrow {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel #consistency-breakdown .consistency-stat-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .5rem !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel #consistency-breakdown .consistency-stat-top > span {
  font-family: var(--font-head) !important;
  font-size: 1.04rem !important;
  font-weight: 800 !important;
  color: #f8fafc !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel #consistency-breakdown .consistency-stat-top > strong {
  font-family: var(--font-mono) !important;
  font-size: 1.32rem !important;
  font-weight: 900 !important;
  color: #fde68a !important;
  margin: 0 !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel #consistency-breakdown .consistency-stat-bar {
  width: 100% !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: rgba(9, 13, 28, .78) !important;
  border: 0 !important;
  overflow: hidden !important;
}
html body.guild-theme #progress-panel#progress-panel#progress-panel #consistency-breakdown .consistency-stat-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .35rem .5rem !important;
  font-size: .8rem !important;
  color: #cbd5e1 !important;
}
@media (max-width: 980px) {
  html body.guild-theme #progress-panel#progress-panel#progress-panel .consistency-layout {
    grid-template-columns: 1fr !important;
  }
  html body.guild-theme #progress-panel#progress-panel#progress-panel .score-card-top {
    flex-wrap: wrap !important;
  }
  html body.guild-theme #progress-panel#progress-panel#progress-panel #consistency-breakdown {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body.guild-theme #today-panel#today-panel#today-panel .main-quest-board .quest-list {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 640px) {
  html body.guild-theme #progress-panel#progress-panel#progress-panel #consistency-breakdown {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================================
   15. COMPACT CAPSULE PILL DISCLOSURES, WORKOUT LANES, PRESET CARDS & 1-LAYER SURFACES
   (Audi 2026-10-22: "How to do it / ＋ Add or schedule a session ... Your direction ... Add a photo of the look you like / Add or edit reference / Why this program works / Log what you did ... QUICK START ... RECENT TRAINING ... พวกนี้ไม่ใช่กล่องในกล่องหรอ แล้วเช็คอย่างละเอียดด้วยว่าจะทำยังไงให้สวยงามน่าใช้ขึ้นได้อีก animation สี graphic")
   ============================================================================ */

/* 15A. Compact Capsule Pill Disclosures (<details:not(.training-routine)> across ALL tabs — ZERO Box-in-Box!) */
html body.guild-theme :is(
  #workout-panel#workout-panel#workout-panel details:not(.training-routine),
  #today-panel#today-panel#today-panel details.today-growth-details,
  #food-panel#food-panel#food-panel details:not(.training-routine),
  #care-panel#care-panel#care-panel details:is(.care-library, .care-add-menu),
  #profile-panel#profile-panel#profile-panel details:is(.collection-editor, .data-vault),
  details#haumea-sync-summary
) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-top: .75rem !important;
  box-shadow: none !important;
}
html body.guild-theme :is(
  #workout-panel#workout-panel#workout-panel details:not(.training-routine),
  #today-panel#today-panel#today-panel details.today-growth-details,
  #food-panel#food-panel#food-panel details:not(.training-routine),
  #care-panel#care-panel#care-panel details:is(.care-library, .care-add-menu),
  #profile-panel#profile-panel#profile-panel details:is(.collection-editor, .data-vault),
  details#haumea-sync-summary
):is(:hover, [open]) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body.guild-theme :is(
  #workout-panel#workout-panel#workout-panel details:not(.training-routine),
  #today-panel#today-panel#today-panel details.today-growth-details,
  #food-panel#food-panel#food-panel details:not(.training-routine),
  #care-panel#care-panel#care-panel details:is(.care-library, .care-add-menu),
  #profile-panel#profile-panel#profile-panel details:is(.collection-editor, .data-vault),
  details#haumea-sync-summary
) > summary {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  width: fit-content !important;
  max-width: 100% !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: .55rem !important;
  min-height: 40px !important;
  padding: .46rem 1.08rem !important;
  border-radius: 999px !important;
  background-color: #16244f !important;
  background-image: linear-gradient(135deg, rgba(36, 56, 114, .94) 0%, rgba(18, 28, 62, .98) 100%) !important;
  border: 1px solid rgba(148, 163, 248, .48) !important;
  box-shadow: 0 6px 16px rgba(2, 5, 18, .38), inset 0 1px 0 rgba(255, 255, 255, .14) !important;
  font-family: var(--font-head) !important;
  font-size: .92rem !important;
  font-weight: 800 !important;
  color: #fff9eb !important;
  cursor: pointer !important;
  list-style: none !important;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important;
}
html body.guild-theme :is(
  #workout-panel#workout-panel#workout-panel details:not(.training-routine),
  #today-panel#today-panel#today-panel details.today-growth-details,
  #food-panel#food-panel#food-panel details:not(.training-routine),
  #care-panel#care-panel#care-panel details:is(.care-library, .care-add-menu),
  #profile-panel#profile-panel#profile-panel details:is(.collection-editor, .data-vault),
  details#haumea-sync-summary
) > summary:hover {
  transform: translateY(-2px) !important;
  border-color: #f4c56a !important;
  background-color: #1f3168 !important;
  box-shadow: 0 10px 22px rgba(2, 5, 18, .5), 0 0 14px rgba(244, 197, 106, .22) !important;
  color: #fef08a !important;
}
html body.guild-theme :is(
  #workout-panel#workout-panel#workout-panel details:not(.training-routine),
  #today-panel#today-panel#today-panel details.today-growth-details,
  #food-panel#food-panel#food-panel details:not(.training-routine),
  #care-panel#care-panel#care-panel details:is(.care-library, .care-add-menu),
  #profile-panel#profile-panel#profile-panel details:is(.collection-editor, .data-vault)
) > summary::after {
  content: "▾" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  margin-left: .25rem !important;
  border-radius: 50% !important;
  background: rgba(244, 197, 106, .2) !important;
  border: 1px solid rgba(244, 197, 106, .48) !important;
  color: #fde68a !important;
  font-size: .78rem !important;
  flex-shrink: 0 !important;
  transition: transform .18s ease !important;
}
html body.guild-theme :is(
  #workout-panel#workout-panel#workout-panel details:not(.training-routine)[open],
  #today-panel#today-panel#today-panel details.today-growth-details[open],
  #food-panel#food-panel#food-panel details:not(.training-routine)[open],
  #care-panel#care-panel#care-panel details:is(.care-library, .care-add-menu)[open],
  #profile-panel#profile-panel#profile-panel details:is(.collection-editor, .data-vault)[open]
) > summary::after {
  content: "▴" !important;
}

/* 15B. Train Tab: 1-Layer Workout Action Lanes (Strength, Cardio, Stretching) & Quick Start Presets */
html body.guild-theme #workout-panel#workout-panel#workout-panel .workout-lanes {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
  gap: 1.05rem !important;
  margin-top: .85rem !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .workout-lanes > button {
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: .5rem !important;
  padding: 1.25rem 1.4rem !important;
  border-radius: 18px !important;
  background-color: #182552 !important;
  background-image:
    radial-gradient(circle at 100% 0%, rgba(245, 158, 11, .24), transparent 58%),
    linear-gradient(165deg, #213168 0%, #121c3d 100%) !important;
  border: 1.5px solid rgba(251, 191, 36, .48) !important;
  border-left: 5px solid #f59e0b !important;
  box-shadow: 0 12px 28px rgba(2, 5, 18, .48), inset 0 1px 0 rgba(255, 248, 220, .16) !important;
  text-align: left !important;
  transition: transform .18s cubic-bezier(.22, 1, .36, 1), border-color .18s ease, box-shadow .18s ease !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .workout-lanes > button:is([data-workout-mode="cardio"], [data-workout-kind="cardio"]) {
  background-image:
    radial-gradient(circle at 100% 0%, rgba(56, 189, 248, .26), transparent 58%),
    linear-gradient(165deg, #193164 0%, #101d3e 100%) !important;
  border-color: rgba(56, 189, 248, .5) !important;
  border-left-color: #38bdf8 !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .workout-lanes > button:is([data-workout-mode="stretching"], [data-workout-kind="stretching"]) {
  background-image:
    radial-gradient(circle at 100% 0%, rgba(52, 211, 153, .26), transparent 58%),
    linear-gradient(165deg, #163452 0%, #0f1f38 100%) !important;
  border-color: rgba(52, 211, 153, .5) !important;
  border-left-color: #34d399 !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .workout-lanes > button:hover {
  transform: translateY(-4px) !important;
  border-color: #fde047 !important;
  box-shadow: 0 18px 34px rgba(2, 5, 18, .62), 0 0 22px rgba(244, 197, 106, .2) !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .workout-lanes > button strong {
  font-family: var(--font-head) !important;
  font-size: 1.22rem !important;
  font-weight: 800 !important;
  color: #fff9eb !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .workout-lanes > button small {
  font-size: .88rem !important;
  color: #cbd5e1 !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .workout-lanes > button > i {
  align-self: flex-end !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-style: normal !important;
  padding: .24rem .76rem !important;
  border-radius: 999px !important;
  background: rgba(244, 197, 106, .22) !important;
  border: 1px solid rgba(244, 197, 106, .56) !important;
  color: #fef08a !important;
  font-weight: 800 !important;
  font-size: .84rem !important;
  transition: transform .18s ease, background-color .18s ease !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .workout-lanes > button:hover > i {
  transform: translateX(4px) !important;
  background: rgba(244, 197, 106, .35) !important;
}

html body.guild-theme #workout-panel#workout-panel#workout-panel .workout-presets {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 1.05rem !important;
  margin-top: .85rem !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .workout-presets > button.workout-preset-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: .55rem !important;
  padding: 1.2rem 1.35rem !important;
  border-radius: 18px !important;
  background-color: #16234d !important;
  background-image:
    radial-gradient(circle at 0% 0%, rgba(244, 197, 106, .18), transparent 58%),
    linear-gradient(165deg, #1d2e62 0%, #111b3b 100%) !important;
  border: 1px solid rgba(148, 163, 248, .4) !important;
  border-top: 4px solid #f4c56a !important;
  box-shadow: 0 12px 26px rgba(2, 5, 18, .46), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
  text-align: left !important;
  transition: transform .18s cubic-bezier(.22, 1, .36, 1), border-color .18s ease, box-shadow .18s ease !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .workout-presets > button.workout-preset-card:nth-child(2) {
  border-top-color: #38bdf8 !important;
  background-image:
    radial-gradient(circle at 0% 0%, rgba(56, 189, 248, .18), transparent 58%),
    linear-gradient(165deg, #192f62 0%, #111b3b 100%) !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .workout-presets > button.workout-preset-card:nth-child(3) {
  border-top-color: #34d399 !important;
  background-image:
    radial-gradient(circle at 0% 0%, rgba(52, 211, 153, .18), transparent 58%),
    linear-gradient(165deg, #173156 0%, #111b3b 100%) !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .workout-presets > button.workout-preset-card:nth-child(4) {
  border-top-color: #a78bfa !important;
  background-image:
    radial-gradient(circle at 0% 0%, rgba(167, 139, 250, .18), transparent 58%),
    linear-gradient(165deg, #212960 0%, #111b3b 100%) !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .workout-presets > button.workout-preset-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(244, 197, 106, .82) !important;
  box-shadow: 0 16px 32px rgba(2, 5, 18, .58), 0 0 20px rgba(244, 197, 106, .18) !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .workout-presets > button.workout-preset-card strong {
  font-family: var(--font-head) !important;
  font-size: 1.12rem !important;
  font-weight: 800 !important;
  color: #fff9eb !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .workout-presets > button.workout-preset-card small {
  font-size: .85rem !important;
  color: #cbd5e1 !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .workout-presets > button.workout-preset-card span {
  display: inline-flex !important;
  align-items: center !important;
  padding: .26rem .78rem !important;
  margin-top: .3rem !important;
  border-radius: 999px !important;
  background: rgba(244, 197, 106, .2) !important;
  border: 1px solid rgba(244, 197, 106, .52) !important;
  color: #fde68a !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  transition: transform .18s ease, background-color .18s ease !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel .workout-presets > button.workout-preset-card:hover span {
  transform: translateX(4px) !important;
  background: rgba(244, 197, 106, .32) !important;
}

/* 15C. 1-Layer Empty State Wells + Frameless Hologram Showcase Callouts inside Single-Surface Cards */
html body.guild-theme :is(
  #today-panel#today-panel#today-panel .empty-state,
  #calendar-panel#calendar-panel#calendar-panel .empty-state,
  #add-panel#add-panel#add-panel .empty-state,
  #workout-panel#workout-panel#workout-panel .empty-state,
  #food-panel#food-panel#food-panel .empty-state,
  #mental-panel#mental-panel#mental-panel .empty-state,
  #progress-panel#progress-panel#progress-panel :is(.empty-state, #insights-empty),
  #profile-panel#profile-panel#profile-panel .empty-state
) {
  background-color: rgba(13, 21, 48, .78) !important;
  background-image: linear-gradient(180deg, rgba(20, 32, 68, .82) 0%, rgba(11, 18, 40, .88) 100%) !important;
  border: 1.5px dashed rgba(148, 163, 248, .38) !important;
  border-color: rgba(148, 163, 248, .38) !important;
  border-radius: 16px !important;
  padding: 1.2rem 1.45rem !important;
  margin-top: .65rem !important;
  color: #cbd5e1 !important;
}
html body.guild-theme #mental-panel#mental-panel#mental-panel .mood-calendar-wrap {
  background-color: #131f44 !important;
  background-image: linear-gradient(165deg, #182754 0%, #0f1836 100%) !important;
  border: 1px solid rgba(148, 163, 248, .36) !important;
  border-color: rgba(148, 163, 248, .36) !important;
  border-radius: 16px !important;
  padding: 1.15rem 1.35rem !important;
  margin-top: .95rem !important;
  box-shadow: 0 10px 24px rgba(2, 5, 18, .42) !important;
}
/* Inside aside.training-reference and .care-routine-guides (which are ALREADY 1-Layer Cards), empty states are FRAMELESS! */
html body.guild-theme #workout-panel#workout-panel#workout-panel #training-reference-empty {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .95rem !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-top: 1px solid rgba(56, 189, 248, .22) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: .95rem 0 .35rem !important;
  margin-top: .65rem !important;
  color: #cbd5e1 !important;
}
html body.guild-theme #workout-panel#workout-panel#workout-panel #training-reference-empty svg {
  width: 52px !important;
  height: 52px !important;
  padding: .65rem !important;
  border-radius: 16px !important;
  background: radial-gradient(circle at 30% 30%, rgba(56, 189, 248, .28), rgba(244, 197, 106, .16)) !important;
  border: 1px solid rgba(56, 189, 248, .48) !important;
  box-shadow: 0 0 20px rgba(56, 189, 248, .24) !important;
  color: #7dd3fc !important;
  stroke: #7dd3fc !important;
  flex-shrink: 0 !important;
  animation: hq-hologram-float 3.4s ease-in-out infinite !important;
}
@keyframes hq-hologram-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}
html body.guild-theme #workout-panel#workout-panel#workout-panel #training-reference-empty strong {
  display: block !important;
  font-family: var(--font-head) !important;
  font-size: 1.06rem !important;
  color: #fff9eb !important;
  margin-bottom: .2rem !important;
}
html body.guild-theme #care-panel#care-panel#care-panel .care-routine-guides .care-empty {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-top: 1px solid rgba(148, 163, 248, .2) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: .85rem 0 .25rem !important;
  margin-top: .65rem !important;
  color: #cbd5e1 !important;
}

/* 15D. 1-Layer Stat Tiles on Open Zones + Frameless Hairline Rows inside Single-Surface Cards */
html body.guild-theme #calendar-panel#calendar-panel#calendar-panel .day-summary {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)) !important;
  gap: .85rem !important;
  margin: .95rem 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
html body.guild-theme #calendar-panel#calendar-panel#calendar-panel .day-summary > article {
  background-color: #16224a !important;
  background-image: linear-gradient(165deg, #1b2a5a 0%, #111b3b 100%) !important;
  border: 1px solid rgba(148, 163, 248, .32) !important;
  border-top: 3px solid #f4c56a !important;
  border-radius: 14px !important;
  padding: .95rem 1.1rem !important;
  box-shadow: 0 8px 18px rgba(3, 6, 20, .36) !important;
}
html body.guild-theme #calendar-panel#calendar-panel#calendar-panel .day-summary > article:nth-child(2) {
  border-top-color: #38bdf8 !important;
}
html body.guild-theme #calendar-panel#calendar-panel#calendar-panel .day-summary > article:nth-child(3) {
  border-top-color: #34d399 !important;
}
html body.guild-theme #calendar-panel#calendar-panel#calendar-panel .day-summary > article:nth-child(4) {
  border-top-color: #a78bfa !important;
}

html body.guild-theme #mental-panel#mental-panel#mental-panel .mood-stat-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)) !important;
  gap: .85rem !important;
  margin-top: .85rem !important;
}
html body.guild-theme #mental-panel#mental-panel#mental-panel .mood-stat-chip {
  background-color: #16224a !important;
  background-image: linear-gradient(165deg, #1c2b5c 0%, #111b3b 100%) !important;
  border: 1px solid rgba(148, 163, 248, .34) !important;
  border-left: 4px solid #a78bfa !important;
  border-radius: 14px !important;
  padding: .95rem 1.15rem !important;
  box-shadow: 0 8px 20px rgba(3, 6, 20, .38) !important;
}
html body.guild-theme #mental-panel#mental-panel#mental-panel .mood-stat-chip:nth-child(2) {
  border-left-color: #38bdf8 !important;
}
html body.guild-theme #mental-panel#mental-panel#mental-panel .mood-stat-chip:nth-child(3) {
  border-left-color: #34d399 !important;
}
html body.guild-theme #mental-panel#mental-panel#mental-panel .mood-stat-chip:nth-child(4) {
  border-left-color: #f4c56a !important;
}

html body.guild-theme #add-panel#add-panel#add-panel .log-form-surface {
  background-color: rgba(11, 18, 40, .78) !important;
  background-image: linear-gradient(180deg, rgba(20, 31, 66, .88) 0%, rgba(12, 19, 42, .92) 100%) !important;
  border: 1px solid rgba(148, 163, 248, .34) !important;
  border-radius: 18px !important;
  padding: 1.35rem 1.5rem !important;
  margin-top: 1.15rem !important;
}

/* Inside .food-quest-card (which is a Single-Surface 1-Layer Card), .food-rank, .food-meter, and .food-quest are frameless hairline rows! */
html body.guild-theme #food-panel#food-panel#food-panel .food-quest-card :is(.food-rank, .food-meter, .food-quest) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(148, 163, 248, .18) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: .85rem 0 !important;
  margin-top: 0 !important;
}
html body.guild-theme #food-panel#food-panel#food-panel .food-quest-card .food-quest:last-child {
  border-bottom: 0 !important;
}

/* Insights Open Zone 1-Layer Cards (.progress-zone .level-panel & .progress-insight #weekly-review) */
html body.guild-theme #progress-panel#progress-panel#progress-panel .progress-zone .level-panel,
html body.guild-theme #progress-panel#progress-panel#progress-panel .progress-insight #weekly-review {
  background-color: #16224a !important;
  background-image: linear-gradient(165deg, #1c2b5c 0%, #111b3b 100%) !important;
  border: 1px solid rgba(148, 163, 248, .36) !important;
  border-left: 4px solid #f4c56a !important;
  border-radius: 16px !important;
  padding: 1.05rem 1.25rem !important;
  margin-top: .75rem !important;
  box-shadow: 0 10px 22px rgba(2, 5, 18, .38) !important;
}

/* Footer */
html:not([data-theme="light"]) body.guild-theme footer,
html[data-theme="light"] body.guild-theme footer {
  background: linear-gradient(180deg, #110d26, #07061a) !important; border-top: 2px solid rgba(244, 197, 106, .45) !important;
}
html[data-theme="light"] body.guild-theme footer :is(a, p, span, small, li, h2, h3, h4, strong) { color: #f3ead6 !important; }
body.guild-theme footer a[data-footer-kind="tiktok"] img { filter: invert(1) brightness(1.2); }

/* Responsive adjustments */
@media (max-width: 980px) {
  .hq-stage { grid-template-columns: minmax(0, 1fr) minmax(300px, 380px); min-height: 0; }
  .hq-char-img, .hq-char { width: 170px; }
  .hq-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: -56px; }
}
@media (max-width: 640px) {
  .hq-scene { inset: 0 0 auto; height: var(--hq-scene-h, 300px); background-size: 1080px 270px !important; background-position: 38% bottom !important; }
  .hq-status { margin-top: 14px; }
  .hq-stage { grid-template-columns: 1fr; grid-template-rows: auto; grid-template-areas: "title" "lane" "actions" "status"; padding: 1.1rem .75rem 1rem; gap: .6rem; }
  .hq-stage > .hq-actions { grid-area: actions; margin: 0 !important; }
  .hq-lane { min-height: 190px; }
  .hq-char, .hq-char-img { width: 140px; }
  .hq-bubble { max-width: 200px; font-size: .82rem; }
  .hq-title h1 { font-size: 2.1rem; }
  .hq-actions { margin: .75rem 0 0; gap: .5rem; }
  .hq-action { min-height: 74px; padding: .45rem .55rem; gap: .5rem; }
  .hq-action-slot { width: 40px; height: 40px; }
  .hq-action-slot .rpg-icon { width: 32px; height: 32px; image-rendering: pixelated; }
  .hq-action-copy strong { font-size: .92rem; }
  .hq-room { min-height: 210px; padding: .7rem .7rem .3rem; background-size: 1080px 144px !important; background-position: right bottom !important; }
  .hq-room .hq-room-tip { bottom: 14px; max-width: 150px; font-size: .8rem; }
  .hq-room-title .rpg-icon { width: 32px; height: 32px; }
  .hq-room-img { width: 110px; }
  .guild-theme #today-panel#today-panel#today-panel :is(.routine-phase-strip, .routine-phase-nav) {
    grid-template-columns: 1fr !important; gap: .55rem !important;
  }
  .guild-theme .main-quest-board .quest-list { align-items: start !important; }
  .main-quest-board .quest-list > .quest { height: auto !important; min-height: 0 !important; }
}
@keyframes hq-bob { 50% { transform: translateY(-4px); } }
@keyframes hq-walk { 50% { transform: translateY(-5px) rotate(-2deg); } }
@keyframes hq-wave { 50% { transform: rotate(-4deg); } }
@keyframes hq-jump { 0%, 100% { transform: none; } 50% { transform: translateY(-34px); } }
@keyframes hq-cheer { 50% { transform: translateY(-10px); } }
@media (prefers-reduced-motion: reduce) { .hq-char-img, .hq-action-slot .rpg-icon, .hq-bar-fill, .hq-room-img, .hq-room-title .rpg-icon, .hq-char, .hq-bubble { animation: none !important; transition: none !important; } }
html[data-motion="paused"] :is(.hq-char-img, .hq-action-slot .rpg-icon, .hq-room-img, .hq-room-title .rpg-icon) { animation: none !important; }
html.hq-no-fade *, html.hq-no-fade *::before, html.hq-no-fade *::after { transition: none !important; }