/* Every screen: every cyan, violet and navy colour from the shared
   stylesheets, turned into the library palette (gilt, seal red, warm
   greys, dark wood). Generated by scripts/gen-desktop-lib-colors.js from
   the stylesheets themselves so nothing is left behind; member card
   skins, brand icons and admin pages keep their own colours. Hand-tuned
   overrides live in desktop-wide-v1.css, which loads after this file. */
@media all {

  /* styles.css */
  body { background-color: rgb(17, 13, 10); color: rgb(245, 236, 214); }
  .site-ops { border-top-color: rgba(237, 219, 177, 0.25); border-right-color: rgba(237, 219, 177, 0.25); border-bottom-color: rgba(237, 219, 177, 0.25); border-left-color: rgba(237, 219, 177, 0.25); background-color: rgba(30, 23, 18, 0.72); }
  .site-ops-head small { color: rgb(232, 210, 157); }
  .site-ops-note { border-left-color: rgb(222, 190, 116); background-color: rgba(222, 190, 116, 0.08); color: rgb(222, 216, 206); }
  .site-mode-choices label { border-top-color: rgba(179, 169, 153, 0.2); border-right-color: rgba(179, 169, 153, 0.2); border-bottom-color: rgba(179, 169, 153, 0.2); border-left-color: rgba(179, 169, 153, 0.2); }
  .site-mode-choices span { color: rgb(179, 169, 153); }
  .site-ops-last { color: rgb(179, 169, 153); }
  .site-mode-action { border-top-color: rgba(179, 169, 153, 0.28); border-right-color: rgba(179, 169, 153, 0.28); border-bottom-color: rgba(179, 169, 153, 0.28); border-left-color: rgba(179, 169, 153, 0.28); background-color: rgba(37, 27, 20, 0.78); color: rgb(238, 234, 228); }
  .maintenance-page::before { background-image: radial-gradient(closest-side, rgba(228, 201, 139, 0.35), transparent 72%); }
  .maintenance-page::after { background-image: radial-gradient(closest-side, rgba(218, 182, 97, 0.28), transparent 72%); }
  .maintenance-card::before { background-image: linear-gradient(90deg, transparent, rgba(228, 201, 139, 0.7) 20%, rgba(218, 182, 97, 0.65) 80%, transparent); }
  .maintenance-card::after { background-image: radial-gradient(circle, rgba(228, 201, 139, 0.3), transparent 70%); }
  .maintenance-emblem { box-shadow: rgba(255, 255, 255, 0.35) 0px 1px 0px inset, rgba(228, 201, 139, 0.22) 0px 0px 30px; }
  .maintenance-emblem img { filter: drop-shadow(rgba(228, 201, 139, 0.5) 0px 0px 10px); }
  .maintenance-status { color: rgb(245, 236, 214); }
  .maintenance-status span { background-color: rgb(242, 228, 197); box-shadow: rgb(232, 210, 157) 0px 0px 10px; }
  .maintenance-card p { color: rgb(245, 236, 214); }
  .maintenance-note { color: rgb(190, 178, 160); }
  :root { --bg: rgb(17, 13, 10); --bg-2: rgb(30, 22, 16); --ink: rgb(245, 236, 214); --muted: rgb(173, 162, 145); --line: rgba(230, 206, 151, 0.12); --cyan: rgb(228, 201, 139); --cyan-2: rgb(221, 188, 111); --violet: rgb(221, 188, 111); --accent: rgb(221, 188, 111); --accent-fill: rgba(221, 188, 111, 0.4); --accent-fill-2: rgba(221, 188, 111, 0.28); --accent-line: rgba(228, 201, 139, 0.7); --accent-glow: 0 0 16px rgba(221, 188, 111, 0.22); }
  .site-header { background-color: rgba(17, 13, 10, 0.88); }
  .head-search.is-open { background-color: rgb(28, 20, 15); }
  .btn-login { border-top-color: rgba(230, 206, 151, 0.28); border-right-color: rgba(230, 206, 151, 0.28); border-bottom-color: rgba(230, 206, 151, 0.28); border-left-color: rgba(230, 206, 151, 0.28); }
  @media (min-width: 640px) {
    .head-search { background-color: rgb(28, 20, 15); }
  }
  .avatar-chip { background-color: rgb(56, 43, 34); }
  .hero.stack-hero { --hero-tone: rgb(216, 178, 90); }
  .stack-card { background-color: rgb(26, 21, 18); }
  .stack-shade { background-image: linear-gradient(rgba(14, 11, 8, 0.08) 18%, rgba(14, 11, 8, 0.18) 42%, rgba(14, 11, 8, 0.78) 78%, rgba(14, 11, 8, 0.94) 100%); }
  .stack-body { color: rgb(245, 236, 214); }
  .stack-badge { color: rgb(245, 236, 214); }
  .stack-chips span { background-color: rgba(20, 15, 12, 0.38); }
  .stack-syn { color: rgb(229, 223, 214); }
  .stack-card.is-active { box-shadow: 0 0 0 1px color-mix(in srgb, var(--tone, rgb(234, 214, 167)) 35%, transparent),
    0 18px 40px rgba(0,0,0,0.5),
    0 0 28px color-mix(in srgb, var(--tone, rgb(216, 178, 90)) 28%, transparent); }
  .stack-arrow { border-top-color: rgba(234, 214, 167, 0.42); border-right-color: rgba(234, 214, 167, 0.42); border-bottom-color: rgba(234, 214, 167, 0.42); border-left-color: rgba(234, 214, 167, 0.42); background-color: rgba(18, 15, 12, 0.62); color: rgb(245, 236, 214); }
  .stack-arrow:hover { border-top-color: rgba(234, 214, 167, 0.72); border-right-color: rgba(234, 214, 167, 0.72); border-bottom-color: rgba(234, 214, 167, 0.72); border-left-color: rgba(234, 214, 167, 0.72); }
  .hero-dots button.on { background-color: rgba(228, 201, 139, 0.92); }
  .btn-primary, .btn-cyan { background-image: linear-gradient(rgba(228, 201, 139, 0.42), rgba(221, 188, 111, 0.32)); color: rgb(245, 236, 214); }
  .btn-ghost { border-top-color: rgba(230, 206, 151, 0.22); border-right-color: rgba(230, 206, 151, 0.22); border-bottom-color: rgba(230, 206, 151, 0.22); border-left-color: rgba(230, 206, 151, 0.22); background-color: rgba(23, 17, 13, 0.35); }
  .auth-page .auth-back { color: rgb(245, 236, 214); }
  .sort-pills a.on { color: rgb(245, 236, 214); }
  .live-dot { background-color: rgba(228, 201, 139, 0.95); box-shadow: rgba(221, 188, 111, 0.35) 0px 0px 10px; }
  .wide-card { --tone: rgb(216, 178, 90); }
  .wide-heart { border-top-color: rgba(231, 208, 153, 0.28); border-right-color: rgba(231, 208, 153, 0.28); border-bottom-color: rgba(231, 208, 153, 0.28); border-left-color: rgba(231, 208, 153, 0.28); background-color: rgba(20, 15, 12, 0.55); color: rgb(239, 223, 185); }
  .wide-heart[aria-pressed="true"] { color: rgb(238, 221, 182); border-top-color: rgba(227, 199, 135, 0.55); border-right-color: rgba(227, 199, 135, 0.55); border-bottom-color: rgba(227, 199, 135, 0.55); border-left-color: rgba(227, 199, 135, 0.55); background-color: rgba(49, 37, 29, 0.55); box-shadow: rgba(227, 199, 135, 0.22) 0px 0px 10px; }
  .wide-title em { color: rgb(236, 217, 172); }
  .wide-body .by { color: rgb(236, 217, 172); }
  .pill { background-image: linear-gradient(rgba(228, 201, 139, 0.42), rgba(221, 188, 111, 0.32)); color: rgb(245, 236, 214); }
  .pill-more { background-color: rgba(221, 188, 111, 0.18); color: rgb(245, 236, 214); }
  .wide-stats span { border-right-color: rgba(231, 208, 153, 0.18); }
  .wide-latest { background-color: rgba(21, 16, 13, 0.42); }
  .wide-latest em { color: rgb(236, 217, 172); }
  .cover-frame { background-color: rgb(34, 27, 22); }
  .story-info .badge { color: rgb(236, 217, 172); }
  .story-info .by span { color: rgb(236, 217, 172); }
  .chip { border-top-color: rgba(231, 208, 153, 0.28); border-right-color: rgba(231, 208, 153, 0.28); border-bottom-color: rgba(231, 208, 153, 0.28); border-left-color: rgba(231, 208, 153, 0.28); color: rgb(228, 222, 214); background-color: rgba(32, 25, 20, 0.45); }
  .story-metrics { border-top-color: rgba(231, 208, 153, 0.22); border-right-color: rgba(231, 208, 153, 0.22); border-bottom-color: rgba(231, 208, 153, 0.22); border-left-color: rgba(231, 208, 153, 0.22); background-color: rgba(25, 19, 15, 0.55); }
  .metric { border-left-color: rgba(231, 208, 153, 0.14); }
  .metric-ico { color: rgb(239, 223, 185); }
  .metric-ico.heart { color: rgb(227, 199, 135); }
  .metric b { color: rgb(245, 236, 214); }
  .story-acts .btn-cyan { box-shadow: rgba(228, 201, 139, 0.35) 0px 0px 0px 1px, rgba(192, 60, 48, 0.28) 0px 8px 18px; }
  .story-tabs a.on { color: rgb(245, 236, 214); border-bottom-color: rgba(228, 201, 139, 0.85); }
  .intro-card, .info-card { border-top-color: rgba(231, 208, 153, 0.22); border-right-color: rgba(231, 208, 153, 0.22); border-bottom-color: rgba(231, 208, 153, 0.22); border-left-color: rgba(231, 208, 153, 0.22); background-image: radial-gradient(120% 90% at 100% 8%, rgba(221, 188, 111, 0.1), transparent 46%), linear-gradient(rgba(30, 24, 20, 0.92), rgba(21, 16, 13, 0.96)); }
  .intro-card::after, .info-card::after { background-image: radial-gradient(circle at 70% 40%, rgba(234, 214, 167, 0.55), transparent 42%), radial-gradient(circle at 30% 70%, rgba(221, 188, 111, 0.35), transparent 50%); }
  .intro-title, .info-title { color: rgb(241, 226, 193); }
  .intro-body { color: rgb(231, 226, 219); }
  .intro-more, .info-more { color: rgb(241, 226, 193); }
  .info-body { border-left-color: rgba(228, 201, 139, 0.55); }
  .info-body p { color: rgb(231, 226, 219); }
  .info-body strong { color: rgb(245, 236, 214); }
  .info-more { border-top-color: rgba(231, 208, 153, 0.28); border-right-color: rgba(231, 208, 153, 0.28); border-bottom-color: rgba(231, 208, 153, 0.28); border-left-color: rgba(231, 208, 153, 0.28); background-color: rgba(32, 25, 20, 0.4); }
  .same-author { border-top-color: rgba(231, 208, 153, 0.25); border-right-color: rgba(231, 208, 153, 0.25); border-bottom-color: rgba(231, 208, 153, 0.25); border-left-color: rgba(231, 208, 153, 0.25); background-image: radial-gradient(90% 115% at 100% 0%, rgba(221, 188, 111, 0.12), transparent 58%), linear-gradient(rgba(34, 26, 21, 0.92), rgba(23, 17, 13, 0.96)); }
  .same-head h3 { color: rgb(245, 236, 214); }
  .same-head h3::before { background-image: linear-gradient(90deg, rgb(228, 201, 139), rgb(239, 223, 185)); box-shadow: rgba(228, 201, 139, 0.7) 0px 0px 10px; }
  .same-card { border-top-color: rgba(231, 208, 153, 0.2); border-right-color: rgba(231, 208, 153, 0.2); border-bottom-color: rgba(231, 208, 153, 0.2); border-left-color: rgba(231, 208, 153, 0.2); background-image: linear-gradient(rgba(38, 30, 24, 0.86), rgba(26, 20, 15, 0.92)); }
  .same-card:active { border-top-color: rgba(237, 219, 178, 0.55); border-right-color: rgba(237, 219, 178, 0.55); border-bottom-color: rgba(237, 219, 178, 0.55); border-left-color: rgba(237, 219, 178, 0.55); box-shadow: rgba(81, 59, 44, 0.28) 0px 10px 24px, rgba(228, 201, 139, 0.12) 0px 0px 0px 1px; }
  .same-card .cover-frame { background-color: rgb(22, 17, 14); }
  .same-card b { color: rgb(246, 244, 242); }
  .same-card em { border-top-color: rgba(231, 208, 153, 0.25); border-right-color: rgba(231, 208, 153, 0.25); border-bottom-color: rgba(231, 208, 153, 0.25); border-left-color: rgba(231, 208, 153, 0.25); }
  .same-card em::before { background-color: rgb(228, 201, 139); box-shadow: rgba(228, 201, 139, 0.7) 0px 0px 7px; }
  .toc-head input { background-color: rgb(28, 20, 15); }
  .story-dock { background-color: rgba(17, 13, 10, 0.92); }
  .reader-page { --rbg: rgb(23, 20, 18); --rpanel: rgb(34, 31, 28); }
  .aa-tabs button.on { box-shadow: rgba(233, 212, 162, 0.28) 0px 0px 0px 1px inset; }
  .auto-scroll-toggle { background-color: color-mix(in srgb, rgb(226, 198, 133) 14%, transparent); }
  .auto-scroll-toggle.on { box-shadow: rgba(226, 198, 132, 0.26) 0px 0px 18px; }
  .auto-speed.on { border-top-color: rgba(233, 212, 162, 0.58); border-right-color: rgba(233, 212, 162, 0.58); border-bottom-color: rgba(233, 212, 162, 0.58); border-left-color: rgba(233, 212, 162, 0.58); background-color: rgba(222, 189, 113, 0.16); box-shadow: rgba(223, 191, 117, 0.18) 0px 0px 12px; }
  .auto-next input:checked + i { background-color: rgba(222, 189, 113, 0.34); border-top-color: rgba(233, 212, 162, 0.66); border-right-color: rgba(233, 212, 162, 0.66); border-bottom-color: rgba(233, 212, 162, 0.66); border-left-color: rgba(233, 212, 162, 0.66); }
  .auto-next input:checked + i::after { background-color: rgb(236, 217, 173); box-shadow: rgba(226, 198, 132, 0.45) 0px 0px 10px; }
  .auto-scroll-float { border-top-color: rgba(233, 212, 162, 0.52); border-right-color: rgba(233, 212, 162, 0.52); border-bottom-color: rgba(233, 212, 162, 0.52); border-left-color: rgba(233, 212, 162, 0.52); box-shadow: rgba(255, 255, 255, 0.08) 0px 1px 0px inset, rgba(145, 45, 36, 0.18) 0px 8px 28px; }
  .auto-scroll-float span { color: rgb(233, 212, 162); }
  .drawer { background-color: rgb(30, 22, 16); }
  .field input, .field textarea, .field select { background-color: rgb(28, 20, 15); }
  .toast { background-color: rgb(39, 30, 23); }
  .search-panel { background-color: rgb(30, 22, 16); }
  .kpi { background-color: rgb(30, 22, 16); }
  .editor-shell { background-color: rgb(28, 20, 15); }
  .editor-toolbar { background-color: rgb(35, 26, 19); }
  .editor-toolbar button { background-color: rgb(28, 20, 15); }
  .editor-area { background-color: rgb(28, 20, 15); color: rgb(245, 236, 214); }
  .editor-area, .editor-area * { color: rgb(245, 236, 214) !important; }
  .editor-area a { color: rgb(241, 226, 193) !important; }
  .panel { background-image: linear-gradient(rgba(38, 28, 20, 0.82), rgba(20, 15, 11, 0.94)); }
  .rank-row { background-color: rgba(20, 14, 11, 0.45); }
  .rank-bar > i { background-image: linear-gradient(90deg, rgba(228, 201, 139, 0.85), rgba(221, 188, 111, 0.55)); }
  .medal-pick-copy > b { color: rgb(245, 243, 240); }
  .medal-pick-stats b { color: rgb(221, 216, 209); }
  .res-head > div > i { background-image: linear-gradient(rgb(243, 232, 206), rgb(216, 179, 91)); box-shadow: rgba(232, 209, 155, 0.42) 0px 0px 13px; }
  .res-live { border-right-color: rgba(232, 210, 158, 0.26); }
  .inner-card { background-color: rgba(20, 14, 11, 0.4); }
  .tl-item { border-left-color: rgba(221, 188, 111, 0.38); }
  .note-form input { background-color: rgb(28, 20, 15); }
  .mood-btn { background-color: rgba(20, 14, 11, 0.4); }
  .mood-btn.on { border-top-color: rgb(230, 205, 147); border-right-color: rgb(230, 205, 147); border-bottom-color: rgb(230, 205, 147); border-left-color: rgb(230, 205, 147); background-image: linear-gradient(rgba(200, 62, 50, 0.28), rgba(23, 17, 13, 0.5)); }
  .btn-grad { background-image: linear-gradient(rgba(228, 201, 139, 0.42), rgba(221, 188, 111, 0.32)); color: rgb(245, 236, 214); }
  .orb { background-image: radial-gradient(circle, rgba(221, 188, 111, 0.42) 0px, rgba(221, 188, 111, 0.42) 28%, transparent 30%), repeating-radial-gradient(circle, transparent 0px, transparent 18px, rgba(228, 201, 139, 0.22) 18px, rgba(228, 201, 139, 0.22) 19px); box-shadow: rgba(221, 188, 111, 0.16) 0px 0px 28px; }
  .foot-card { background-image: linear-gradient(150deg, rgba(53, 39, 29, 0.94), rgba(31, 22, 16, 0.97) 47%, rgba(21, 16, 12, 0.98)), linear-gradient(105deg, rgba(226, 197, 129, 0.82), rgba(223, 191, 118, 0.56) 48%, rgba(222, 189, 112, 0.9)); }
  .foot-card::before { background-image: radial-gradient(rgba(222, 189, 112, 0.2), transparent 70%); }
  .foot-card::after { background-image: linear-gradient(90deg, transparent, rgb(224, 194, 124) 18%, rgb(229, 204, 146) 55%, rgb(223, 191, 117) 84%, transparent); box-shadow: rgba(227, 199, 133, 0.68) 0px 0px 13px; }
  .foot-kicker { background-image: linear-gradient(90deg, rgb(230, 205, 147), rgb(233, 212, 162) 48%, rgb(227, 199, 135)); }
  .foot-action { color: rgb(245, 236, 214); }
  .foot-action-message { --foot-a: rgb(228, 201, 139); --foot-b: rgb(231, 208, 155); }
  .foot-social a { color: rgb(194, 181, 162); }
  .foot-legal { color: rgb(174, 164, 149); }
  .foot-legal a:hover { color: rgb(228, 223, 216); }
  .social-ico { border-top-color: rgba(230, 206, 151, 0.18); border-right-color: rgba(230, 206, 151, 0.18); border-bottom-color: rgba(230, 206, 151, 0.18); border-left-color: rgba(230, 206, 151, 0.18); background-color: rgba(23, 17, 13, 0.45); color: rgb(245, 234, 210); }
  .social-ico:hover { color: rgb(245, 236, 214); }
  .sig-card, .sig-reply { border-top-color: rgba(231, 208, 153, 0.16); border-right-color: rgba(231, 208, 153, 0.16); border-bottom-color: rgba(231, 208, 153, 0.16); border-left-color: rgba(231, 208, 153, 0.16); background-color: rgba(21, 16, 13, 0.45); }
  .sig-ava { background-color: rgba(221, 188, 111, 0.28); color: rgb(245, 236, 214); }
  .sig-badge { background-color: rgba(221, 188, 111, 0.32); color: rgb(245, 236, 214); }
  .sig-badge.staff { background-image: linear-gradient(rgba(228, 201, 139, 0.5), rgba(221, 188, 111, 0.34)); }
  .sig-quote { color: rgb(225, 219, 210); }
  .sig-quote cite { color: rgb(236, 217, 172); }
  .sig-text { color: rgb(245, 236, 214); }
  .sig-loc { color: rgb(241, 226, 193); }
  .sig-chip.on { border-top-color: rgba(227, 199, 135, 0.45); border-right-color: rgba(227, 199, 135, 0.45); border-bottom-color: rgba(227, 199, 135, 0.45); border-left-color: rgba(227, 199, 135, 0.45); }
  .sig-to { color: rgb(236, 217, 172); }
  .sig-more, .sig-more-replies { color: rgb(241, 226, 193); }
  .sig-more { background-color: rgba(221, 188, 111, 0.16); }
  .sig-fake { background-color: rgba(23, 17, 13, 0.4); }
  .sig-login a { color: rgb(241, 226, 193); }
  .sig-board { background-image: linear-gradient(rgba(25, 19, 15, 0.97), rgba(18, 13, 10, 0.98)), linear-gradient(135deg, rgba(232, 209, 155, 0.9), rgba(216, 178, 90, 0.78) 56%, rgba(245, 125, 99, 0.82)); }
  .sig-tab { border-top-color: rgba(179, 165, 143, 0.18); border-right-color: rgba(179, 165, 143, 0.18); border-bottom-color: rgba(179, 165, 143, 0.18); border-left-color: rgba(179, 165, 143, 0.18); background-color: rgba(20, 15, 11, 0.38); }
  .sig-tab:nth-child(1) { border-top-color: rgba(229, 204, 145, 0.28); border-right-color: rgba(229, 204, 145, 0.28); border-bottom-color: rgba(229, 204, 145, 0.28); border-left-color: rgba(229, 204, 145, 0.28); }
  .sig-tab:nth-child(2) { border-top-color: rgba(216, 178, 90, 0.24); border-right-color: rgba(216, 178, 90, 0.24); border-bottom-color: rgba(216, 178, 90, 0.24); border-left-color: rgba(216, 178, 90, 0.24); }
  .sig-tab.on { color: rgb(245, 236, 214); border-top-color: rgb(229, 204, 145); border-right-color: rgb(229, 204, 145); border-bottom-color: rgb(229, 204, 145); border-left-color: rgb(229, 204, 145); background-color: rgba(216, 178, 90, 0.28); box-shadow: rgba(229, 204, 145, 0.08) 0px 0px 0px 1px inset; }
  .sig-card { --sig-tone: rgb(229, 204, 145); border-bottom-color: rgba(176, 164, 146, 0.14); }
  .sig-quote { border-top-color: rgba(176, 164, 146, 0.16); border-right-color: rgba(176, 164, 146, 0.16); border-bottom-color: rgba(176, 164, 146, 0.16); }
  .sig-quote p { color: rgb(207, 200, 189); }
  .sig-empty b { color: rgb(217, 211, 201); }
  .sig-compose { border-top-color: rgba(176, 164, 146, 0.18); border-right-color: rgba(176, 164, 146, 0.18); border-bottom-color: rgba(176, 164, 146, 0.18); border-left-color: rgba(176, 164, 146, 0.18); background-color: rgba(16, 12, 9, 0.34); }
  .sig-send { border-top-color: rgba(242, 230, 202, 0.55); border-right-color: rgba(242, 230, 202, 0.55); border-bottom-color: rgba(242, 230, 202, 0.55); border-left-color: rgba(242, 230, 202, 0.55); background-image: linear-gradient(135deg, rgb(216, 178, 90), rgb(216, 178, 90)); box-shadow: rgba(216, 178, 90, 0.22) 0px 0px 14px; }
  .member-row.is-owner { background-image: linear-gradient(90deg, rgba(226, 198, 133, 0.12), rgba(224, 194, 125, 0.06)); }
  .member-avatar { border-top-color: rgba(234, 214, 166, 0.42); border-right-color: rgba(234, 214, 166, 0.42); border-bottom-color: rgba(234, 214, 166, 0.42); border-left-color: rgba(234, 214, 166, 0.42); color: rgb(245, 236, 214); background-image: linear-gradient(145deg, rgba(216, 178, 90, 0.34), rgba(61, 48, 39, 0.9)); }
  .owner-badge { border-top-color: rgba(232, 209, 155, 0.45); border-right-color: rgba(232, 209, 155, 0.45); border-bottom-color: rgba(232, 209, 155, 0.45); border-left-color: rgba(232, 209, 155, 0.45); color: rgb(245, 235, 211); background-color: rgba(218, 181, 95, 0.15); }
  .owner-protected { color: rgb(199, 189, 174); }
  .engagement-kpis span { border-top-color: rgba(234, 213, 163, 0.25); border-right-color: rgba(234, 213, 163, 0.25); border-bottom-color: rgba(234, 213, 163, 0.25); border-left-color: rgba(234, 213, 163, 0.25); background-color: rgba(216, 178, 90, 0.1); }
  .engagement-kpis b { color: rgb(245, 236, 214); }
  .engagement-tabs a.on { border-top-color: rgba(233, 212, 162, 0.7); border-right-color: rgba(233, 212, 162, 0.7); border-bottom-color: rgba(233, 212, 162, 0.7); border-left-color: rgba(233, 212, 162, 0.7); color: rgb(245, 236, 214); background-color: rgba(218, 181, 95, 0.2); }
  .engagement-heart { color: rgb(231, 208, 154); }

  /* reader-comment-drawer-v2.css */
  .reader-page .r-p .p-bubble::after, .reader-page .r-p .p-bubble.has::after { background-color: rgb(160, 50, 40); box-shadow: rgba(40, 29, 21, 0.28) 0px 2px 7px; }
  .reader-page[data-theme="light"] .r-p .p-bubble { background-color: rgb(100, 86, 64) !important; box-shadow: rgba(68, 52, 40, 0.23) 0px 5px 16px, rgba(100, 86, 64, 0.09) 0px 0px 0px 3px !important; }
  .reader-page:not([data-theme="light"]):not([data-theme="sepia"]) .r-p .p-bubble { background-color: rgb(241, 226, 193) !important; color: rgb(53, 40, 30) !important; box-shadow: rgba(235, 216, 171, 0.23) 0px 5px 18px, rgba(241, 226, 193, 0.1) 0px 0px 0px 3px !important; }

  /* rails-full-width.css */
  .home-signal-label span { border-top-color: rgba(229, 203, 142, 0.3); border-right-color: rgba(229, 203, 142, 0.3); border-bottom-color: rgba(229, 203, 142, 0.3); border-left-color: rgba(229, 203, 142, 0.3); background-color: rgba(203, 63, 51, 0.1); color: rgb(229, 203, 142); }

  /* avatar-pool.css */
  .vc-pool-avatar { background-color: rgb(40, 32, 26) !important; }
  .avatar-chip.vc-pool-avatar { box-shadow: rgba(219, 184, 102, 0.12) 0px 0px 0px 1px, rgba(0, 0, 0, 0.18) 0px 5px 18px; border-top-color: rgba(232, 210, 157, 0.35) !important; border-right-color: rgba(232, 210, 157, 0.35) !important; border-bottom-color: rgba(232, 210, 157, 0.35) !important; border-left-color: rgba(232, 210, 157, 0.35) !important; }
  .sig-ava.vc-pool-avatar, .vc-avatar.vc-pool-avatar { border-top-color: rgba(225, 196, 129, 0.38) !important; border-right-color: rgba(225, 196, 129, 0.38) !important; border-bottom-color: rgba(225, 196, 129, 0.38) !important; border-left-color: rgba(225, 196, 129, 0.38) !important; background-color: rgb(40, 32, 26) !important; }

  /* avatar-picker.css */
  .vc-avatar-account { border-top-color: rgba(233, 211, 159, 0.22); border-right-color: rgba(233, 211, 159, 0.22); border-bottom-color: rgba(233, 211, 159, 0.22); border-left-color: rgba(233, 211, 159, 0.22); background-color: rgba(216, 178, 90, 0.06); }
  .vc-avatar-account-preview { border-top-color: rgba(234, 213, 163, 0.55); border-right-color: rgba(234, 213, 163, 0.55); border-bottom-color: rgba(234, 213, 163, 0.55); border-left-color: rgba(234, 213, 163, 0.55); background-color: rgb(38, 30, 25); }
  .vc-avatar-account-copy span { color: var(--muted,rgb(175, 165, 149)); }
  .vc-avatar-account-btn { border-top-color: rgba(232, 210, 159, 0.45); border-right-color: rgba(232, 210, 159, 0.45); border-bottom-color: rgba(232, 210, 159, 0.45); border-left-color: rgba(232, 210, 159, 0.45); background-color: rgba(218, 181, 95, 0.12); }
  .vc-avatar-picker-backdrop { background-color: rgba(12, 9, 6, 0.68); }
  .vc-avatar-picker { color: rgb(245, 236, 214); }
  .vc-avatar-picker header p { color: rgb(172, 160, 143); }
  .vc-avatar-close { color: rgb(226, 219, 209); }
  .vc-avatar-option { color: rgb(227, 221, 212); }
  .vc-avatar-picker footer span { color: rgb(165, 154, 137); }
  .vc-avatar-option img { background-color: rgb(34, 25, 18); }
  .vc-avatar-sources button { color: rgb(201, 191, 176); }
  .vc-avatar-upload-preview { color: rgb(240, 225, 190); }
  .vc-avatar-upload-note { color: rgb(161, 150, 134); }

  /* notifications-v2.css */
  .vc-notification-bell { color: rgb(216, 178, 90) !important; }
  .vc-notification-bell.has-unread { color: rgb(241, 227, 195) !important; background-image: linear-gradient(145deg, rgba(233, 211, 161, 0.22), rgba(216, 178, 90, 0.1)) !important; border-top-color: rgba(238, 221, 181, 0.6) !important; border-right-color: rgba(238, 221, 181, 0.6) !important; border-bottom-color: rgba(238, 221, 181, 0.6) !important; border-left-color: rgba(238, 221, 181, 0.6) !important; }
  .vc-notification-bell.has-unread:hover { box-shadow: rgba(231, 207, 152, 0.48) 0px 0px 12px, rgba(218, 182, 98, 0.25) 0px 0px 26px; color: rgb(245, 236, 214) !important; border-top-color: rgba(243, 232, 206, 0.84) !important; border-right-color: rgba(243, 232, 206, 0.84) !important; border-bottom-color: rgba(243, 232, 206, 0.84) !important; border-left-color: rgba(243, 232, 206, 0.84) !important; }
  .vc-notification-bell.has-unread svg { filter: drop-shadow(rgba(235, 215, 168, 0.88) 0px 0px 4px) drop-shadow(rgba(221, 187, 108, 0.48) 0px 0px 8px); }
  .vc-notif-hero small { color: rgb(228, 202, 142); }
  .vc-notif-popover h3 { color: rgb(245, 236, 214); }
  .vc-notif-popover header button { color: rgb(216, 178, 90); }
  .vc-notif-pop-close { color: rgb(245, 236, 214) !important; }
  .vc-notif-view-all { color: rgb(216, 178, 90); }
  .vc-notif-popover .vc-notif-card.is-unread { border-top-color: rgba(216, 178, 90, 0.4); border-right-color: rgba(216, 178, 90, 0.4); border-bottom-color: rgba(216, 178, 90, 0.4); border-left-color: rgba(216, 178, 90, 0.4); background-image: linear-gradient(105deg, rgba(216, 178, 90, 0.16), rgba(255, 255, 255, 0.04) 48%); }
  .vc-notif-popover .vc-notif-icon { color: rgb(216, 178, 90); }
  .vc-notif-popover .vc-notif-line b { color: rgb(245, 236, 214); }
  .vc-notif-popover .vc-notif-new { background-color: rgba(216, 178, 90, 0.2); color: rgb(216, 178, 90); }
  .vc-notif-popover .vc-notif-copy p { color: rgb(213, 207, 198); }
  .vc-notif-popover .vc-notif-delete { color: rgb(192, 185, 174); }
  .vc-notif-popover .vc-notif-delete:hover { color: rgb(245, 236, 214); }
  .vc-notif-popover .vc-notif-empty b { color: rgb(245, 236, 214); }
  .vc-notif-popover .vc-notif-empty p { color: rgb(213, 207, 198); }
  .vc-notif-hero { border-top-color: rgba(228, 201, 139, 0.28); border-right-color: rgba(228, 201, 139, 0.28); border-bottom-color: rgba(228, 201, 139, 0.28); border-left-color: rgba(228, 201, 139, 0.28); background-image: linear-gradient(130deg, rgba(216, 178, 90, 0.16), rgba(45, 33, 25, 0.72) 60%, rgba(216, 178, 90, 0.08)); }
  .vc-notif-hero::after { background-image: radial-gradient(circle, rgba(217, 179, 91, 0.18), transparent 70%); }
  .vc-notif-hero-icon { border-top-color: rgba(238, 221, 182, 0.35); border-right-color: rgba(238, 221, 182, 0.35); border-bottom-color: rgba(238, 221, 182, 0.35); border-left-color: rgba(238, 221, 182, 0.35); background-color: rgba(218, 181, 95, 0.14); color: rgb(242, 230, 202); }
  .vc-notif-hero-icon span { background-color: rgb(216, 178, 90); }
  .vc-notif-filters button.on { border-top-color: rgba(232, 209, 155, 0.36); border-right-color: rgba(232, 209, 155, 0.36); border-bottom-color: rgba(232, 209, 155, 0.36); border-left-color: rgba(232, 209, 155, 0.36); background-color: rgba(217, 179, 91, 0.14); color: rgb(242, 229, 199); }
  .vc-notif-card { border-top-color: rgba(175, 157, 130, 0.16); border-right-color: rgba(175, 157, 130, 0.16); border-bottom-color: rgba(175, 157, 130, 0.16); border-left-color: rgba(175, 157, 130, 0.16); background-color: rgba(30, 23, 18, 0.64); }
  .vc-notif-card:hover { border-top-color: rgba(228, 201, 139, 0.36); border-right-color: rgba(228, 201, 139, 0.36); border-bottom-color: rgba(228, 201, 139, 0.36); border-left-color: rgba(228, 201, 139, 0.36); background-color: rgba(40, 32, 26, 0.78); }
  .vc-notif-card.is-unread { border-top-color: rgba(228, 202, 142, 0.4); border-right-color: rgba(228, 202, 142, 0.4); border-bottom-color: rgba(228, 202, 142, 0.4); border-left-color: rgba(228, 202, 142, 0.4); background-image: linear-gradient(105deg, rgba(216, 178, 90, 0.13), rgba(34, 26, 21, 0.78) 48%); }
  .vc-notif-icon { border-top-color: rgba(233, 211, 160, 0.22); border-right-color: rgba(233, 211, 160, 0.22); border-bottom-color: rgba(233, 211, 160, 0.22); border-left-color: rgba(233, 211, 160, 0.22); background-color: rgba(216, 178, 90, 0.11); color: rgb(241, 226, 193); }
  .vc-kind-comment .vc-notif-icon { border-top-color: rgba(216, 178, 90, 0.28); border-right-color: rgba(216, 178, 90, 0.28); border-bottom-color: rgba(216, 178, 90, 0.28); border-left-color: rgba(216, 178, 90, 0.28); background-color: rgba(179, 56, 45, 0.09); color: rgb(227, 200, 137); }
  .vc-notif-new { background-color: rgba(216, 178, 90, 0.2); color: rgb(241, 228, 196); }
  .vc-notif-copy p { color: rgb(204, 198, 188); }
  .vc-notif-delete:hover { color: rgb(231, 226, 219); }
  .vc-notif-card.is-compact:hover { background-color: rgba(216, 178, 90, 0.09); }
  .vc-notif-empty span { border-top-color: rgba(228, 202, 141, 0.25); border-right-color: rgba(228, 202, 141, 0.25); border-bottom-color: rgba(228, 202, 141, 0.25); border-left-color: rgba(228, 202, 141, 0.25); background-color: rgba(216, 178, 90, 0.08); color: rgb(230, 205, 146); }
  .vc-notif-empty b { color: rgb(215, 210, 202); }
  .vc-notif-detail-bg { background-color: rgba(9, 7, 5, 0.72); }
  .vc-notif-detail { border-top-color: rgba(233, 212, 163, 0.38); border-right-color: rgba(233, 212, 163, 0.38); border-bottom-color: rgba(233, 212, 163, 0.38); border-left-color: rgba(233, 212, 163, 0.38); background-image: linear-gradient(145deg, rgba(43, 34, 28, 0.99), rgba(24, 18, 13, 0.99)); box-shadow: rgba(0, 0, 0, 0.62) 0px 28px 90px, rgba(216, 178, 90, 0.16) 0px 0px 35px; }
  .vc-notif-detail > header button { color: rgb(243, 231, 204); }
  .vc-notif-detail > small { color: rgb(231, 207, 152); }
  .vc-notif-detail-body { border-top-color: rgba(223, 193, 121, 0.18); border-right-color: rgba(223, 193, 121, 0.18); border-bottom-color: rgba(223, 193, 121, 0.18); border-left-color: rgba(223, 193, 121, 0.18); background-color: rgba(20, 14, 11, 0.42); color: rgb(231, 226, 218); }
  .notify-edit-toggle { border-top-color: rgba(228, 202, 141, 0.25); border-right-color: rgba(228, 202, 141, 0.25); border-bottom-color: rgba(228, 202, 141, 0.25); border-left-color: rgba(228, 202, 141, 0.25); background-color: rgba(216, 178, 90, 0.08); color: rgb(242, 229, 200) !important; }

  /* conversation-mailbox.css */
  .vc-mailbox-button { color: rgb(241, 228, 197) !important; }
  .vc-mail-head small { color: rgb(233, 212, 162); }
  .vc-mail-layout { border-top-color: rgba(227, 199, 134, 0.28); border-right-color: rgba(227, 199, 134, 0.28); border-bottom-color: rgba(227, 199, 134, 0.28); border-left-color: rgba(227, 199, 134, 0.28); background-color: rgba(23, 17, 13, 0.9); }
  .vc-mail-threads-pane { border-right-color: rgba(223, 193, 121, 0.18); background-color: rgba(20, 14, 11, 0.42); }
  .vc-mail-tools { border-bottom-color: rgba(223, 193, 121, 0.16); }
  .vc-mail-search { border-top-color: rgba(224, 193, 122, 0.2); border-right-color: rgba(224, 193, 122, 0.2); border-bottom-color: rgba(224, 193, 122, 0.2); border-left-color: rgba(224, 193, 122, 0.2); background-color: rgba(36, 28, 22, 0.82); }
  .vc-mail-search span { color: rgb(231, 207, 152); }
  .vc-mail-search input { color: rgb(245, 236, 214); }
  .vc-mail-filters button { border-top-color: rgba(224, 193, 122, 0.16); border-right-color: rgba(224, 193, 122, 0.16); border-bottom-color: rgba(224, 193, 122, 0.16); border-left-color: rgba(224, 193, 122, 0.16); }
  .vc-mail-filters button.on { border-top-color: rgba(233, 211, 159, 0.55); border-right-color: rgba(233, 211, 159, 0.55); border-bottom-color: rgba(233, 211, 159, 0.55); border-left-color: rgba(233, 211, 159, 0.55); background-color: rgba(218, 182, 99, 0.2); color: rgb(245, 235, 212); }
  .vc-mail-thread { border-bottom-color: rgba(223, 193, 121, 0.12); }
  .vc-mail-thread:hover, .vc-mail-thread.on { background-image: linear-gradient(110deg, rgba(216, 178, 90, 0.2), rgba(69, 54, 43, 0.1)); }
  .vc-mail-thread.on { box-shadow: rgb(226, 197, 130) 3px 0px inset; }
  .vc-mail-avatar { border-top-color: rgba(232, 209, 156, 0.45); border-right-color: rgba(232, 209, 156, 0.45); border-bottom-color: rgba(232, 209, 156, 0.45); border-left-color: rgba(232, 209, 156, 0.45); background-color: rgb(44, 35, 28); color: rgb(245, 234, 210); box-shadow: rgba(217, 179, 91, 0.18) 0px 0px 18px; }
  .vc-mail-thread-copy strong { color: rgb(215, 209, 200); }
  .vc-mail-unread { background-color: rgb(230, 205, 146); box-shadow: rgb(230, 205, 146) 0px 0px 10px; }
  .vc-mail-conversation { background-image: linear-gradient(rgba(38, 30, 24, 0.68), rgba(21, 16, 12, 0.9)); }
  .vc-mail-conversation > header { border-bottom-color: rgba(223, 193, 121, 0.16); background-color: rgba(25, 19, 14, 0.7); }
  .vc-mail-back { border-top-color: rgba(223, 193, 121, 0.2); border-right-color: rgba(223, 193, 121, 0.2); border-bottom-color: rgba(223, 193, 121, 0.2); border-left-color: rgba(223, 193, 121, 0.2); color: rgb(243, 231, 202); }
  .vc-mail-message { border-top-color: rgba(221, 188, 111, 0.2); border-right-color: rgba(221, 188, 111, 0.2); border-bottom-color: rgba(221, 188, 111, 0.2); border-left-color: rgba(221, 188, 111, 0.2); background-color: rgba(56, 45, 37, 0.9); }
  .vc-mail-message.mine { border-top-color: rgba(233, 211, 159, 0.32); border-right-color: rgba(233, 211, 159, 0.32); border-bottom-color: rgba(233, 211, 159, 0.32); border-left-color: rgba(233, 211, 159, 0.32); background-image: linear-gradient(135deg, rgba(216, 178, 90, 0.94), rgba(173, 54, 43, 0.88)); }
  .vc-mail-message time { color: rgb(205, 198, 187); }
  .vc-mail-compose { border-top-color: rgba(223, 193, 121, 0.16); background-color: rgba(21, 16, 12, 0.96); }
  .vc-mail-compose textarea { border-top-color: rgba(224, 194, 123, 0.22); border-right-color: rgba(224, 194, 123, 0.22); border-bottom-color: rgba(224, 194, 123, 0.22); border-left-color: rgba(224, 194, 123, 0.22); background-color: rgba(41, 32, 26, 0.9); }
  .vc-mail-compose button { background-image: linear-gradient(135deg, rgb(228, 201, 138), rgb(216, 178, 90)); box-shadow: rgba(216, 178, 90, 0.32) 0px 8px 20px; }
  .vc-mail-no-message b, .vc-mail-welcome b { color: rgb(217, 211, 203); }
  .vc-mail-welcome > span { color: rgb(230, 205, 148); }
  .vc-mail-dialog-bg { background-color: rgba(10, 8, 6, 0.78); }
  .vc-mail-dialog > section { border-top-color: rgba(232, 209, 155, 0.32); border-right-color: rgba(232, 209, 155, 0.32); border-bottom-color: rgba(232, 209, 155, 0.32); border-left-color: rgba(232, 209, 155, 0.32); background-color: rgb(37, 28, 21); }
  .vc-mail-dialog > section > header { border-bottom-color: rgba(223, 193, 121, 0.16); }
  .vc-mail-dialog header button { color: rgb(230, 224, 216); }
  .vc-mail-dialog label { color: rgb(219, 212, 202); }

  /* conversation-mailbox-contrast.css */
  .vc-mail-compose textarea, .vc-mail-dialog input, .vc-mail-dialog textarea { -webkit-text-fill-color: rgb(245, 236, 214); caret-color: rgb(233, 212, 162); color: rgb(245, 236, 214) !important; }

  /* story-detail-landscape.css */
  @media (min-width: 640px) and (orientation: landscape), (min-width: 1100px) {
    .story-landscape-meta h2 { color: rgb(236, 218, 176); }
  }
  @media (min-width: 640px) and (orientation: landscape), (min-width: 1100px) {
    .story-landscape-meta .landscape-info-body p { color: rgb(232, 227, 220); }
  }
  @media (min-width: 640px) and (orientation: landscape), (min-width: 1100px) {
    .story-landscape-meta::after { color: rgb(238, 222, 185); text-shadow: rgba(233, 211, 161, 0.38) 0px 0px 12px; }
  }
  @media (min-width: 640px) and (orientation: landscape), (min-width: 1100px) {
    .story-page .story-metrics { border-top-color: rgba(231, 208, 153, 0.18); }
  }
  @media (min-width: 640px) and (orientation: landscape), (min-width: 1100px) {
    .story-page .metric { border-left-color: rgba(231, 208, 153, 0.14); }
  }
  @media (min-width: 640px) and (orientation: landscape), (min-width: 1100px) {
    .story-page .story-acts .btn:first-child { background-image: linear-gradient(rgba(238, 222, 185, 0.3), rgba(220, 187, 108, 0.21)); border-top-color: rgba(241, 226, 193, 0.56); border-right-color: rgba(241, 226, 193, 0.56); border-bottom-color: rgba(241, 226, 193, 0.56); border-left-color: rgba(241, 226, 193, 0.56); box-shadow: rgba(170, 53, 42, 0.13) 0px 6px 16px; }
  }
  @media (min-width: 640px) and (orientation: landscape), (min-width: 1100px) {
    .story-landscape-sidebar { border-left-color: rgba(231, 208, 153, 0.16); background-image: linear-gradient(90deg, rgba(28, 22, 17, 0.3), transparent 34%); }
  }
  @media (min-width: 640px) and (orientation: landscape), (min-width: 1100px) {
    .story-side-section + .story-side-section { border-top-color: rgba(231, 208, 153, 0.14); }
  }
  @media (min-width: 640px) and (orientation: landscape), (min-width: 1100px) {
    .story-side-section h2 { color: rgb(238, 222, 185); }
  }
  @media (min-width: 640px) and (orientation: landscape), (min-width: 1100px) {
    .story-side-copy b { color: rgb(245, 236, 214); }
  }
  @media (min-width: 640px) and (orientation: landscape), (min-width: 1100px) {
    .story-side-copy em { border-top-color: rgba(231, 208, 153, 0.18); border-right-color: rgba(231, 208, 153, 0.18); border-bottom-color: rgba(231, 208, 153, 0.18); border-left-color: rgba(231, 208, 153, 0.18); }
  }

  /* story-detail-portrait-tablet.css */
  @media (min-width: 720px) and (max-width: 1023px) and (orientation: portrait) {
    .story-page .story-landscape-meta h2 { color: rgb(236, 218, 176); }
  }
  @media (min-width: 720px) and (max-width: 1023px) and (orientation: portrait) {
    .story-page .story-landscape-meta .landscape-info-body p { color: rgb(232, 227, 220); }
  }
  @media (min-width: 720px) and (max-width: 1023px) and (orientation: portrait) {
    .story-page .story-landscape-meta::after { color: rgb(238, 222, 185); text-shadow: rgba(233, 211, 161, 0.42) 0px 0px 12px; }
  }
  @media (min-width: 720px) and (max-width: 1023px) and (orientation: portrait) {
    .story-page .story-metrics { border-top-color: rgba(231, 208, 153, 0.18); }
  }
  @media (min-width: 720px) and (max-width: 1023px) and (orientation: portrait) {
    .story-page .metric { border-left-color: rgba(231, 208, 153, 0.14); }
  }
  @media (min-width: 720px) and (max-width: 1023px) and (orientation: portrait) {
    .story-page .story-acts .btn:first-child { background-image: linear-gradient(rgba(238, 222, 185, 0.3), rgba(220, 187, 108, 0.21)); border-top-color: rgba(241, 226, 193, 0.56); border-right-color: rgba(241, 226, 193, 0.56); border-bottom-color: rgba(241, 226, 193, 0.56); border-left-color: rgba(241, 226, 193, 0.56); box-shadow: rgba(170, 53, 42, 0.13) 0px 6px 16px; }
  }

  /* story-shelves.css */
  .story-page .info-more { color: rgb(242, 229, 198); }
  .story-page .info-more:active { border-top-color: rgba(240, 225, 189, 0.58); border-right-color: rgba(240, 225, 189, 0.58); border-bottom-color: rgba(240, 225, 189, 0.58); border-left-color: rgba(240, 225, 189, 0.58); background-color: rgba(69, 54, 43, 0.52); }
  .story-page .same-head h3 { color: rgb(245, 236, 214); }
  .story-page .same-head h3::before { background-image: linear-gradient(90deg, rgb(228, 201, 139), rgb(239, 223, 185)); box-shadow: rgba(228, 201, 139, 0.7) 0px 0px 10px; }
  .story-page .same-card { background-image: linear-gradient(rgba(38, 30, 24, 0.88), rgba(26, 20, 15, 0.94)); }
  .story-page .same-card:active { box-shadow: rgba(81, 59, 44, 0.28) 0px 10px 24px, rgba(228, 201, 139, 0.12) 0px 0px 0px 1px; }
  .story-page .same-card .cover-frame { background-color: rgb(22, 17, 14); }
  .story-page .same-card b { color: rgb(246, 244, 242); }

  /* story-detail-no-overlap.css */
  .story-page .toc-box .chapter-list { scrollbar-color: rgba(229, 203, 142, 0.52) rgba(28, 22, 18, 0.55); border-top-color: rgba(231, 208, 153, 0.14); border-bottom-color: rgba(231, 208, 153, 0.14); }
  .story-page .toc-box .chapter-list::-webkit-scrollbar-track { background-color: rgba(28, 22, 18, 0.55); }
  .story-page .toc-box .chapter-list::-webkit-scrollbar-thumb { background-color: rgba(229, 203, 142, 0.52); }
  .story-page .toc-guest { border-top-color: rgba(216, 178, 90, 0.45); border-right-color: rgba(216, 178, 90, 0.45); border-bottom-color: rgba(216, 178, 90, 0.45); border-left-color: rgba(216, 178, 90, 0.45); background-color: rgba(216, 178, 90, 0.08); }
  .story-page .toc-guest svg { stroke: rgb(216, 178, 90); }
  .story-page .toc-guest a { color: rgb(216, 178, 90); }
  #app[data-theme="light"] .story-page .toc-guest { border-top-color: rgba(146, 46, 37, 0.45); border-right-color: rgba(146, 46, 37, 0.45); border-bottom-color: rgba(146, 46, 37, 0.45); border-left-color: rgba(146, 46, 37, 0.45); background-color: rgba(146, 46, 37, 0.07); }
  #app[data-theme="light"] .story-page .toc-guest svg { stroke: rgb(146, 46, 37); }
  #app[data-theme="light"] .story-page .toc-guest a { color: rgb(146, 46, 37); }

  /* story-detail-readable-panels.css */
  .story-page .intro-title, .story-page .info-title { color: rgb(240, 226, 192); text-shadow: rgba(232, 210, 157, 0.09) 0px 0px 12px; }
  .story-page .intro-title::before, .story-page .info-title::before { background-image: linear-gradient(90deg, rgba(232, 210, 157, 0.78), rgba(222, 189, 112, 0.62)); box-shadow: rgba(232, 210, 157, 0.1) 0px 0px 8px; }
  .story-page .intro-body, .story-page .info-body, .story-page .info-body p { color: rgb(231, 227, 222); }

  /* card-flip-transition.css */
  .vc-card-flip-stage { background-color: rgba(11, 8, 6, 0.2); }
  .vc-card-flip-card { border-top-color: rgba(236, 218, 176, 0.58); border-right-color: rgba(236, 218, 176, 0.58); border-bottom-color: rgba(236, 218, 176, 0.58); border-left-color: rgba(236, 218, 176, 0.58); background-color: rgb(21, 16, 12); box-shadow: rgba(0, 0, 0, 0.44) 0px 14px 34px, rgba(223, 193, 121, 0.2) 0px 0px 18px; }

  /* story-glass-glow.css */
  .rail-panel { box-shadow: rgba(245, 236, 214, 0.024) 0px 1px 0px inset, rgba(216, 178, 90, 0.024) 0px -1px 0px inset; border-top-color: rgba(234, 213, 163, 0.16) !important; border-right-color: rgba(234, 213, 163, 0.16) !important; border-bottom-color: rgba(234, 213, 163, 0.16) !important; border-left-color: rgba(234, 213, 163, 0.16) !important; background-color: rgba(17, 12, 9, 0.08) !important; }
  .rail-panel.is-glowing, .rail-panel:has(.wide-card:active), .rail-panel:has(.wide-card:focus-within) { box-shadow: rgba(245, 236, 214, 0.07) 0px 1px 0px inset, rgba(217, 180, 94, 0.08) 0px 0px 24px; border-top-color: rgba(234, 213, 165, 0.38) !important; border-right-color: rgba(234, 213, 165, 0.38) !important; border-bottom-color: rgba(234, 213, 165, 0.38) !important; border-left-color: rgba(234, 213, 165, 0.38) !important; background-color: rgba(21, 15, 11, 0.11) !important; }
  .wide-card { box-shadow: rgba(245, 236, 214, 0.02) 0px 1px 0px inset; background-color: rgba(14, 10, 8, 0.08) !important; }
  .wide-card::before { background-image: radial-gradient(72% 88% at 34% 48%, rgba(228, 201, 139, 0.28), rgba(217, 179, 91, 0.1) 46%, transparent 76%); }
  .wide-card::after { background-color: rgba(227, 200, 136, 0.46); }
  .wide-card:is(.is-selected, :active, :focus-within) { box-shadow: rgba(245, 236, 214, 0.14) 0px 1px 0px inset, rgba(227, 199, 133, 0.2) 0px 0px 0px 1px, rgba(224, 193, 122, 0.34) 0px 0px 24px, rgba(8, 6, 4, 0.24) 0px 12px 30px; border-top-color: rgba(234, 213, 163, 0.92) !important; border-right-color: rgba(234, 213, 163, 0.92) !important; border-bottom-color: rgba(234, 213, 163, 0.92) !important; border-left-color: rgba(234, 213, 163, 0.92) !important; background-color: rgba(25, 19, 15, 0.18) !important; }
  .wide-card:is(.is-selected, :active, :focus-within) .cover-frame { box-shadow: rgba(237, 219, 178, 0.92) 0px 0px 0px 1px, rgba(0, 0, 0, 0.34) 0px 12px 24px, rgba(225, 196, 129, 0.38) 0px 0px 22px !important; }
  .wide-heart, .wide-latest { background-color: rgba(17, 13, 10, 0.1) !important; }
  .rail-track { background-color: rgba(245, 236, 214, 0.07) !important; }
  .rail-track span { box-shadow: rgba(230, 205, 146, 0.22) 0px 0px 9px; background-image: linear-gradient(90deg, rgb(225, 195, 126), rgb(238, 220, 180)) !important; }
  .rail-panel.is-glowing .rail-track span, .rail-panel:has(.wide-card:active) .rail-track span, .rail-panel:has(.wide-card:focus-within) .rail-track span { box-shadow: rgba(234, 213, 164, 0.48) 0px 0px 13px; }
  @media (hover: hover) and (pointer: fine) {
    .wide-card:hover { background-color: rgba(22, 16, 12, 0.13) !important; }
  }

  /* google-auth.css */
  .auth-divider::before, .auth-divider::after { background-color: rgba(231, 208, 154, 0.16); }
  .auth-email-form label { color: rgb(233, 228, 221); }
  .auth-email-form input { border-top-color: rgba(231, 208, 154, 0.24); border-right-color: rgba(231, 208, 154, 0.24); border-bottom-color: rgba(231, 208, 154, 0.24); border-left-color: rgba(231, 208, 154, 0.24); background-color: rgba(22, 18, 15, 0.72); }
  .auth-email-form input:focus { border-top-color: rgba(238, 222, 183, 0.72); border-right-color: rgba(238, 222, 183, 0.72); border-bottom-color: rgba(238, 222, 183, 0.72); border-left-color: rgba(238, 222, 183, 0.72); box-shadow: rgba(225, 195, 126, 0.13) 0px 0px 0px 3px; }

  /* chapter-audio.css */
  .chapter-audio { --audio-line: color-mix(in srgb, rgb(233, 212, 162) 36%, var(--rline)); --audio-purple: rgb(233, 212, 162); }
  .reader-page[data-theme="light"] .chapter-audio { --audio-line: rgba(227, 199, 135, 0.28); }
  .reader-page[data-theme="sepia"] .chapter-audio { --audio-line: rgba(225, 196, 129, 0.34); }
  .chapter-audio.is-playing .chapter-audio-disc { box-shadow: rgba(233, 212, 162, 0.13) 0px 0px 0px 7px, rgba(226, 198, 132, 0.48) 0px 0px 26px, rgba(56, 38, 9, 0.16) 0px 8px 22px; }
  .chapter-audio-play:hover, .chapter-audio-play:focus-visible, .chapter-audio-skip:hover, .chapter-audio-skip:focus-visible, .chapter-audio.is-playing .chapter-audio-play { border-top-color: rgba(234, 213, 164, 0.76); border-right-color: rgba(234, 213, 164, 0.76); border-bottom-color: rgba(234, 213, 164, 0.76); border-left-color: rgba(234, 213, 164, 0.76); background-color: rgba(221, 187, 109, 0.18); box-shadow: rgba(224, 194, 124, 0.32) 0px 0px 18px; }
  .chapter-audio-range::-webkit-slider-thumb { box-shadow: rgba(178, 55, 44, 0.28) 0px 2px 9px; }

  /* admin-chapter-list.css */
  .btn-intro { border-top-color: rgba(232, 210, 157, 0.48); border-right-color: rgba(232, 210, 157, 0.48); border-bottom-color: rgba(232, 210, 157, 0.48); border-left-color: rgba(232, 210, 157, 0.48); color: rgb(245, 236, 214); background-color: rgba(222, 190, 116, 0.13); }
  .intro-type-value { border-top-color: rgba(232, 210, 157, 0.38); border-right-color: rgba(232, 210, 157, 0.38); border-bottom-color: rgba(232, 210, 157, 0.38); border-left-color: rgba(232, 210, 157, 0.38); color: rgb(245, 236, 214); background-color: rgba(222, 190, 116, 0.1); }
  .chapter-list .intro-num, .intro-toc-row .num { color: rgb(232, 210, 157) !important; }
  .intro-toc-row a { background-color: rgba(222, 190, 116, 0.08); }

  /* raised-glass-v1.css */
  .rail-panel, .medal-picks, .sig-board, .resonance, .site-footer, .footer-card { box-shadow: rgba(245, 236, 214, 0.075) 0px 1px 0px inset, rgba(8, 6, 4, 0.16) 0px -1px 0px inset, rgba(9, 7, 5, 0.13) 0px 5px 14px !important; }
  .rail-panel::after, .medal-picks::after, .sig-board::after, .resonance::after, .site-footer::after, .footer-card::after { background-image: linear-gradient(90deg, transparent, rgba(245, 236, 214, 0.13) 32%, rgba(233, 212, 162, 0.1) 66%, transparent); }
  .wide-card, .sig-card, .medal-pick, .res-card, .res-stat { box-shadow: rgba(245, 236, 214, 0.055) 0px 1px 0px inset, rgba(9, 7, 5, 0.1) 0px 4px 11px !important; }
  .wide-card:hover, .medal-pick:hover, .sig-card:hover { box-shadow: rgba(245, 236, 214, 0.08) 0px 1px 0px inset, rgba(9, 7, 5, 0.14) 0px 6px 14px !important; }

  /* home-desktop-layout.css */
  #app > .site-footer > .foot-card { background-image: linear-gradient(rgba(25, 19, 15, 0.97), rgba(18, 13, 10, 0.98)), linear-gradient(135deg, rgba(232, 209, 155, 0.9), rgba(216, 178, 90, 0.78) 56%, rgba(245, 125, 99, 0.82)) !important; box-shadow: rgba(245, 236, 214, 0.075) 0px 1px 0px inset, rgba(8, 6, 4, 0.16) 0px -1px 0px inset, rgba(9, 7, 5, 0.13) 0px 5px 14px !important; }
  #app > .site-footer > .foot-card::after { background-image: linear-gradient(90deg, transparent, rgba(245, 236, 214, 0.13) 32%, rgba(233, 212, 162, 0.1) 66%, transparent) !important; }
  #app .rail-panel { background-image: linear-gradient(145deg, rgba(24, 18, 14, 0.7), rgba(17, 12, 9, 0.79)) !important; border-top-color: rgba(204, 192, 174, 0.12) !important; border-right-color: rgba(204, 192, 174, 0.12) !important; border-bottom-color: rgba(204, 192, 174, 0.12) !important; border-left-color: rgba(204, 192, 174, 0.12) !important; box-shadow: rgba(245, 236, 214, 0.04) 0px 1px 0px inset, rgba(7, 5, 4, 0.16) 0px 10px 24px !important; }
  #app .wide-card { background-image: linear-gradient(118deg, rgba(245, 236, 214, 0.075), transparent 28%, rgba(216, 178, 90, 0.043) 67%, transparent 88%), linear-gradient(145deg, rgba(53, 41, 33, 0.965), rgba(29, 21, 16, 0.99)), linear-gradient(135deg, rgba(245, 235, 212, 0.34), rgba(219, 184, 102, 0.18) 55%, rgba(223, 191, 116, 0.25)) !important; box-shadow: rgba(245, 236, 214, 0.14) 0px 1px 0px inset, rgba(8, 6, 4, 0.32) 0px -1px 0px inset, rgba(8, 6, 4, 0.52) 0px 16px 30px, rgba(181, 56, 45, 0.21) 0px 5px 13px !important; }
  #app .wide-card .cover-frame { box-shadow: rgba(245, 236, 214, 0.17) 0px 0px 0px 1px, rgba(8, 6, 4, 0.54) 0px 15px 26px, rgba(186, 58, 47, 0.23) 0px 4px 11px !important; }
  #app .wide-card .wide-latest { background-image: linear-gradient(145deg, rgba(61, 49, 41, 0.88), rgba(31, 23, 18, 0.95)), linear-gradient(125deg, rgba(245, 236, 214, 0.25), rgba(221, 188, 110, 0.14), rgba(220, 185, 104, 0.2)) !important; box-shadow: rgba(245, 236, 214, 0.11) 0px 1px 0px inset, rgba(8, 6, 4, 0.3) 0px 5px 12px !important; }
  #app .wide-card::before { background-image: radial-gradient(72% 88% at 34% 48%, rgba(229, 204, 145, 0.4), rgba(218, 181, 95, 0.15) 47%, transparent 77%); }
  #app .wide-card::after { background-color: rgba(227, 200, 136, 0.62); }
  #app .wide-card:is(.is-selected, :active, :focus-within), #app .wide-card:is(.is-selected, :active, :focus-within):hover { border-top-color: rgba(235, 216, 171, 0.98) !important; border-right-color: rgba(235, 216, 171, 0.98) !important; border-bottom-color: rgba(235, 216, 171, 0.98) !important; border-left-color: rgba(235, 216, 171, 0.98) !important; box-shadow: rgba(245, 236, 214, 0.2) 0px 1px 0px inset, rgba(229, 203, 142, 0.32) 0px 0px 0px 1px, rgba(224, 193, 122, 0.55) 0px 0px 31px, rgba(8, 6, 4, 0.57) 0px 20px 38px !important; }
  #app .rail-panel.is-glowing { border-top-color: rgba(234, 213, 165, 0.38) !important; border-right-color: rgba(234, 213, 165, 0.38) !important; border-bottom-color: rgba(234, 213, 165, 0.38) !important; border-left-color: rgba(234, 213, 165, 0.38) !important; box-shadow: rgba(245, 236, 214, 0.07) 0px 1px 0px inset, rgba(217, 180, 94, 0.12) 0px 0px 26px !important; }
  #app .medal-picks, #app .sig-board, #app .resonance, #app > .site-footer > .foot-card { background-image: linear-gradient(118deg, rgba(245, 236, 214, 0.043), transparent 31%), linear-gradient(145deg, rgba(40, 30, 23, 0.94), rgba(22, 16, 12, 0.976)), linear-gradient(135deg, rgba(231, 208, 154, 0.3), rgba(216, 178, 90, 0.22) 57%, rgba(228, 119, 108, 0.21)) !important; box-shadow: rgba(245, 236, 214, 0.08) 0px 1px 0px inset, rgba(8, 6, 4, 0.22) 0px -1px 0px inset, rgba(8, 6, 4, 0.34) 0px 14px 29px, rgba(165, 51, 41, 0.11) 0px 3px 10px !important; }
  @media (max-width: 420px) {
    #app .wide-card { box-shadow: rgba(245, 236, 214, 0.13) 0px 1px 0px inset, rgba(8, 6, 4, 0.28) 0px -1px 0px inset, rgba(8, 6, 4, 0.5) 0px 13px 25px, rgba(181, 56, 45, 0.2) 0px 4px 11px !important; }
  }
  @media (hover: hover) and (pointer: fine) {
    #app .wide-card:hover { box-shadow: rgba(245, 236, 214, 0.17) 0px 1px 0px inset, rgba(8, 6, 4, 0.27) 0px -1px 0px inset, rgba(8, 6, 4, 0.59) 0px 22px 40px, rgba(196, 61, 49, 0.26) 0px 7px 17px !important; }
  }
  @media (hover: hover) and (pointer: fine) {
    #app .wide-card:is(.is-selected, :active, :focus-within), #app .wide-card:is(.is-selected, :active, :focus-within):hover { box-shadow: rgba(245, 236, 214, 0.2) 0px 1px 0px inset, rgba(229, 203, 142, 0.32) 0px 0px 0px 1px, rgba(224, 193, 122, 0.55) 0px 0px 31px, rgba(8, 6, 4, 0.57) 0px 20px 38px !important; }
  }

  /* home-targeted-enhancements.css */
  .home-signal-label > span { color: rgb(227, 200, 138) !important; }

  /* mobile-story-shelves-v1.css */
  @media (max-width: 640px) {
    #app .rail-head { --heading-color: rgb(245, 243, 240); }
  }
  @media (max-width: 640px) {
    #app .tone-cyan .rail-head, #app .tone-violet .rail-head, #app .tone-blue .rail-head { --heading-color: rgb(245, 243, 240); }
  }
  @media (max-width: 640px) {
    #app .rail-head h2 { text-shadow: rgba(245, 243, 240, 0.1) 0px 0px 8px; }
  }
  @media (max-width: 640px) {
    #app .rail-head .live-dot { box-shadow: rgba(245, 243, 240, 0.22) 0px 0px 6px !important; }
  }
  @media (max-width: 640px) {
    #app .rail-swipe-cue { color: rgb(227, 200, 136); filter: drop-shadow(rgba(227, 200, 136, 0.9) 0px 0px 4px) drop-shadow(rgba(221, 187, 108, 0.52) 0px 0px 10px); }
  }
  @media (min-width: 641px) {
    #app .rail-panel, #app .rail-panel.is-glowing, #app .rail-panel:has(.wide-card:active), #app .rail-panel:has(.wide-card:focus-within) { --heading-color: rgb(245, 243, 240); }
  }
  @media (min-width: 641px) {
    #app .rail-panel.tone-cyan, #app .rail-panel.tone-violet, #app .rail-panel.tone-blue { --heading-color: rgb(245, 243, 240); }
  }
  @media (min-width: 641px) {
    #app .rail-head h2, #app .rail-head .count { text-shadow: rgba(245, 243, 240, 0.1) 0px 0px 8px; }
  }
  @media (min-width: 641px) {
    #app .rail-head .live-dot { box-shadow: rgba(245, 243, 240, 0.22) 0px 0px 6px !important; }
  }
  @media (min-width: 641px) {
    #app .rail-swipe-cue { color: rgb(227, 200, 136); filter: drop-shadow(rgba(227, 200, 136, 0.9) 0px 0px 4px) drop-shadow(rgba(221, 187, 108, 0.52) 0px 0px 10px); }
  }

  /* preview-station.css */
  .preview-station { --preview-violet: rgb(227, 199, 135); --preview-magenta: rgb(224, 194, 123); --preview-cyan: rgb(224, 194, 124); --preview-panel: rgb(28, 20, 15); color: rgb(245, 236, 214); }
  .preview-station-head p { color: rgb(204, 194, 179); }
  .preview-station-signal { border-top-color: rgba(227, 199, 135, 0.5); border-right-color: rgba(227, 199, 135, 0.5); border-bottom-color: rgba(227, 199, 135, 0.5); border-left-color: rgba(227, 199, 135, 0.5); box-shadow: rgba(227, 199, 135, 0.34) 0px 0px 22px; }
  .preview-station-signal i { border-top-color: rgba(224, 194, 124, 0.42); border-right-color: rgba(224, 194, 124, 0.42); border-bottom-color: rgba(224, 194, 124, 0.42); border-left-color: rgba(224, 194, 124, 0.42); }
  .preview-station-count { border-top-color: rgba(224, 194, 124, 0.24); border-right-color: rgba(224, 194, 124, 0.24); border-bottom-color: rgba(224, 194, 124, 0.24); border-left-color: rgba(224, 194, 124, 0.24); color: rgb(234, 213, 164); background-color: rgba(26, 19, 14, 0.76); }
  .preview-station-stage { border-top-color: rgba(227, 199, 135, 0.54); border-right-color: rgba(227, 199, 135, 0.54); border-bottom-color: rgba(227, 199, 135, 0.54); border-left-color: rgba(227, 199, 135, 0.54); background-image: radial-gradient(circle at 12% 12%, rgba(224, 194, 124, 0.1), transparent 34%), linear-gradient(135deg, rgb(23, 17, 13) 0%, rgb(28, 20, 15) 52%, rgb(23, 17, 13) 100%); }
  .preview-station-stage::after { box-shadow: rgba(224, 194, 124, 0.06) 0px 0px 0px 1px inset; }
  .preview-station-media { background-color: rgb(37, 29, 24); }
  .preview-station-media::after { background-image: linear-gradient(90deg, rgba(14, 10, 8, 0.05), rgba(14, 10, 8, 0.22)); }
  .preview-station-no-cover { color: rgba(224, 194, 123, 0.46); }
  .preview-station-play { background-color: rgba(50, 37, 28, 0.88); box-shadow: rgba(14, 10, 7, 0.48) 0px 10px 30px, rgba(227, 199, 135, 0.25) 0px 0px 24px; }
  .preview-station-play span { box-shadow: rgba(227, 199, 135, 0.5) 0px 0px 18px; }
  .preview-station-play:hover, .preview-station-play:focus-visible { border-top-color: rgba(224, 194, 124, 0.72); border-right-color: rgba(224, 194, 124, 0.72); border-bottom-color: rgba(224, 194, 124, 0.72); border-left-color: rgba(224, 194, 124, 0.72); }
  .preview-station-pending { background-color: rgba(21, 15, 11, 0.82); color: rgb(217, 210, 200); }
  .preview-station-now { color: rgb(242, 229, 198); }
  .preview-station-author { color: rgb(200, 191, 179); }
  .preview-station-pills span { border-top-color: rgba(224, 194, 123, 0.52); border-right-color: rgba(224, 194, 123, 0.52); border-bottom-color: rgba(224, 194, 123, 0.52); border-left-color: rgba(224, 194, 123, 0.52); color: rgb(245, 235, 211); background-color: rgba(224, 194, 123, 0.05); }
  .preview-station-pills span:nth-child(2) { border-top-color: rgba(224, 194, 124, 0.45); border-right-color: rgba(224, 194, 124, 0.45); border-bottom-color: rgba(224, 194, 124, 0.45); border-left-color: rgba(224, 194, 124, 0.45); color: rgb(239, 224, 189); }
  .preview-station-teaser { color: rgb(223, 216, 206); }
  .preview-station-card { border-top-color: rgba(173, 159, 138, 0.24); border-right-color: rgba(173, 159, 138, 0.24); border-bottom-color: rgba(173, 159, 138, 0.24); border-left-color: rgba(173, 159, 138, 0.24); color: rgb(245, 236, 214); background-image: linear-gradient(160deg, rgba(38, 28, 20, 0.96), rgba(23, 17, 13, 0.98)); }
  .preview-station-card.is-active { border-top-color: rgba(224, 194, 124, 0.78); border-right-color: rgba(224, 194, 124, 0.78); border-bottom-color: rgba(224, 194, 124, 0.78); border-left-color: rgba(224, 194, 124, 0.78); box-shadow: rgba(224, 194, 123, 0.72) 0px 0px 0px 1px, rgba(198, 62, 49, 0.34) 0px 12px 34px, rgba(224, 194, 124, 0.13) 0px 0px 24px; }
  .preview-station-thumb { background-color: rgb(38, 29, 22); }
  .preview-station-thumb > b { color: rgb(239, 223, 186); }
  .preview-station-thumb > i { background-color: rgba(79, 57, 42, 0.76); box-shadow: rgba(227, 199, 135, 0.45) 0px 0px 16px; }
  .preview-station-card-copy em { color: rgb(175, 166, 152); }
  .preview-station-progress button { background-color: rgb(67, 54, 45); }
  .preview-station-progress button.is-active { box-shadow: rgba(227, 199, 135, 0.28) 0px 0px 12px; }
  .preview-station-playing-head { border-bottom-color: rgba(227, 199, 135, 0.28); background-color: rgba(23, 17, 13, 0.98); }
  .preview-station-playing-head span { color: rgb(242, 229, 198); }
  .preview-station-video { background-color: rgb(14, 10, 7); }
  #tram-preview.preview-station .preview-station-card.is-active { border-top-color: rgba(224, 194, 124, 0.95) !important; border-right-color: rgba(224, 194, 124, 0.95) !important; border-bottom-color: rgba(224, 194, 124, 0.95) !important; border-left-color: rgba(224, 194, 124, 0.95) !important; box-shadow: rgba(224, 194, 123, 0.88) 0px 0px 0px 1px, rgba(216, 178, 90, 0.42) 0px 12px 32px, rgba(224, 194, 124, 0.2) 0px 0px 22px !important; }
  #tram-preview.preview-station .preview-station-media::after { background-image: radial-gradient(circle at 50% 44%, rgba(255, 255, 255, 0.09), transparent 34%), linear-gradient(90deg, rgba(227, 199, 135, 0.08), transparent 30%, transparent 70%, rgba(224, 194, 124, 0.08)) !important; }
  #tram-preview.preview-station .preview-station-media { border-top-color: rgba(227, 199, 135, 0.62) !important; border-right-color: rgba(227, 199, 135, 0.62) !important; border-bottom-color: rgba(227, 199, 135, 0.62) !important; border-left-color: rgba(227, 199, 135, 0.62) !important; background-color: rgb(37, 28, 22) !important; }
  #tram-preview.preview-station .preview-station-media::before { background-image: linear-gradient(90deg, rgba(14, 10, 7, 0.22), transparent 22%, transparent 78%, rgba(14, 10, 7, 0.22)), linear-gradient(transparent 58%, rgba(16, 12, 9, 0.2) 100%) !important; box-shadow: rgba(10, 8, 6, 0.16) 0px 0px 34px inset !important; }
  #tram-preview.preview-station .preview-station-play { background-color: rgba(48, 35, 26, 0.91) !important; box-shadow: rgba(14, 10, 7, 0.5) 0px 12px 28px, rgba(227, 199, 135, 0.28) 0px 0px 20px !important; }
  #tram-preview.preview-station .preview-station-copy { border-top-color: rgba(170, 153, 128, 0.3) !important; border-right-color: rgba(170, 153, 128, 0.3) !important; border-bottom-color: rgba(170, 153, 128, 0.3) !important; border-left-color: rgba(170, 153, 128, 0.3) !important; background-image: radial-gradient(circle at 8% 0px, rgba(227, 199, 135, 0.1), transparent 32%), linear-gradient(145deg, rgba(36, 26, 19, 0.984), rgba(23, 17, 12, 0.99)) !important; }
  #tram-preview.preview-station .preview-station-copy::before { box-shadow: rgba(224, 194, 124, 0.32) 0px 0px 16px; }
  #tram-preview.preview-station .preview-station-stage.is-playing { border-top-color: rgba(227, 199, 135, 0.54) !important; border-right-color: rgba(227, 199, 135, 0.54) !important; border-bottom-color: rgba(227, 199, 135, 0.54) !important; border-left-color: rgba(227, 199, 135, 0.54) !important; background-color: rgb(14, 10, 7) !important; }

  /* medal-racing-v1.css */
  #app .medal-picks-head small { color: rgb(200, 191, 179); }
  #app .medal-picks-list::before { background-image: conic-gradient(from 90deg, rgba(217, 208, 195, 0.92) 0deg, rgba(217, 208, 195, 0.92) 25%, transparent 0deg, transparent 50%, rgba(217, 208, 195, 0.92) 0deg, rgba(217, 208, 195, 0.92) 75%, transparent 0deg); }
  #app .medal-pick { color: rgb(245, 236, 214); }
  #app .medal-pick-copy > small { color: rgb(183, 173, 159); }
  #app .medal-pick-status { background-color: rgba(23, 17, 12, 0.7); }
  #app .medal-pick-stats b { color: rgb(230, 225, 218); }

  /* home-section-type-v1.css */
  #app .home-signal-label > span { color: rgb(224, 194, 124) !important; text-shadow: rgba(224, 194, 124, 0.2) 0px 0px 12px !important; }
  #app .rail-panel .rail-head .count { color: rgb(224, 194, 124) !important; text-shadow: rgba(224, 194, 124, 0.18) 0px 0px 10px !important; }

  /* preview-station-focus-v1.css */
  #tram-preview.preview-station:not(.is-preview-engaged) .preview-station-signal { box-shadow: rgba(227, 199, 135, 0.2) 0px 0px 14px !important; }
  #tram-preview.preview-station:not(.is-preview-engaged) .preview-station-media { border-top-color: rgba(182, 167, 145, 0.4) !important; border-right-color: rgba(182, 167, 145, 0.4) !important; border-bottom-color: rgba(182, 167, 145, 0.4) !important; border-left-color: rgba(182, 167, 145, 0.4) !important; }
  #tram-preview.preview-station:not(.is-preview-engaged) .preview-station-play { box-shadow: rgba(14, 10, 7, 0.42) 0px 10px 24px, rgba(227, 199, 135, 0.16) 0px 0px 14px !important; }
  #tram-preview.preview-station:not(.is-preview-engaged) .preview-station-copy { border-top-color: rgba(170, 153, 128, 0.3) !important; border-right-color: rgba(170, 153, 128, 0.3) !important; border-bottom-color: rgba(170, 153, 128, 0.3) !important; border-left-color: rgba(170, 153, 128, 0.3) !important; }
  #tram-preview.preview-station:not(.is-preview-engaged) .preview-station-card.is-active { border-top-color: rgba(227, 199, 135, 0.46) !important; border-right-color: rgba(227, 199, 135, 0.46) !important; border-bottom-color: rgba(227, 199, 135, 0.46) !important; border-left-color: rgba(227, 199, 135, 0.46) !important; box-shadow: rgba(0, 0, 0, 0.24) 0px 12px 28px, rgba(227, 199, 135, 0.08) 0px 0px 12px !important; }
  #tram-preview.preview-station.is-preview-engaged .preview-station-media { border-top-color: rgba(227, 199, 135, 0.64) !important; border-right-color: rgba(227, 199, 135, 0.64) !important; border-bottom-color: rgba(227, 199, 135, 0.64) !important; border-left-color: rgba(227, 199, 135, 0.64) !important; box-shadow: rgba(0, 0, 0, 0.3) 0px 18px 42px, rgba(224, 194, 124, 0.08) 0px 0px 24px !important; }
  #tram-preview.preview-station.is-preview-engaged .preview-station-card.is-active { box-shadow: rgba(224, 194, 123, 0.7) 0px 0px 0px 1px, rgba(216, 178, 90, 0.34) 0px 12px 32px, rgba(224, 194, 124, 0.16) 0px 0px 20px !important; }

  /* rail-status-icons-v1.css */
  #app .rail-status-icon { color: rgb(238, 222, 185); filter: drop-shadow(rgba(238, 222, 185, 0.2) 0px 0px 3px); }
  #app .tone-cyan .rail-status-icon { color: rgb(238, 222, 185); filter: drop-shadow(rgba(238, 222, 185, 0.28) 0px 0px 3px); }
  #app .tone-blue .rail-status-icon { color: rgb(224, 194, 124); filter: drop-shadow(rgba(224, 194, 124, 0.24) 0px 0px 3px); }

  /* signal-pulse-v1.css */
  #tin-hieu .sig-tab.on { color: rgb(21, 18, 15); }
  #tin-hieu .sig-meta b { color: rgb(216, 178, 90); }
  #tin-hieu .sig-send { color: rgb(21, 18, 15); }

  /* mobile-menu-redesign-v1.css */
  .mm-profile { border-bottom-color: rgba(225, 195, 125, 0.14); }
  .mm-profile .member-identity strong { color: rgb(245, 236, 214); }
  .mm-profile .member-identity span { color: rgb(186, 172, 151); }
  .mm-group + .mm-group { border-top-color: rgba(225, 195, 125, 0.14); }
  .mm-item { color: rgb(245, 236, 214); }
  .mm-item:hover, .mm-item:active { background-color: rgba(225, 195, 125, 0.09); }
  .mm-item--danger { color: rgb(216, 178, 90); }
  .mm-item--danger svg { color: rgb(216, 178, 90); }
  .mm-item--danger:hover, .mm-item--danger:active { background-color: rgba(216, 178, 90, 0.12); }
  .mm-item:focus-visible { outline-color: rgb(228, 201, 139); }
  .mm-item svg { color: rgb(186, 172, 151); }
  #menuResonanceBtn svg { color: rgb(216, 178, 90); }
  .mm-item-dot { background-color: rgb(216, 178, 90); }

  /* footer-redesign-v1.css */
  .foot2-act { color: rgb(245, 236, 214); }
  .foot2-act:focus-visible { outline-color: rgb(238, 222, 185); }
  .foot2-act-msg svg { stroke: rgb(228, 201, 139); }
  .foot2-act-t small { color: rgb(173, 162, 145); }

  /* banner-redesign-v1.css */
  :root { --sh-ink: rgb(247, 246, 245); --sh-muted: rgba(247, 246, 245, 0.74); --sh-muted-dim: rgba(247, 246, 245, 0.5); --sh-accent: rgb(216, 178, 90); --sh-accent-soft: rgb(237, 220, 180); --sh-accent-ink: rgb(30, 22, 16); --sh-accent-line: rgba(216, 178, 90, 0.44); --sh-line: rgba(247, 246, 245, 0.16); --sh-line-soft: rgba(247, 246, 245, 0.09); }
  body:has(#signalHero) .site-header { background-color: rgba(17, 13, 10, 0.14); }
  .sh-tag { background-color: rgba(17, 13, 10, 0.32); }
  .sh-tag--accent { background-color: rgba(216, 178, 90, 0.22); }
  .sh-btn--ghost { background-color: rgba(17, 13, 10, 0.35); }
  .foot2-body::before { background-image: radial-gradient(closest-side, rgba(216, 178, 90, 0.38), transparent 72%); }
  .foot2-body::after { background-image: radial-gradient(closest-side, rgba(237, 220, 180, 0.3), transparent 72%); }
  .foot2-rule-top { background-image: linear-gradient(90deg, transparent, rgba(216, 178, 90, 0.7) 20%, rgba(216, 178, 90, 0.9) 50%, rgba(216, 178, 90, 0.7) 80%, transparent); }

  /* resonance-home-v1.css */
  .reshome-kicker { color: var(--sh-accent, rgb(216, 178, 90)); }
  .reshome-kicker i { box-shadow: rgba(216, 178, 90, 0.7) 0px 0px 0.6rem; }
  .reshome-stat b { color: var(--sh-ink, rgb(247, 246, 245)); }
  .reshome-card.is-counting .reshome-stat b { color: var(--sh-accent, rgb(216, 178, 90)); text-shadow: rgba(216, 178, 90, 0.55) 0px 0px 0.55rem; }
  .reshome-stat span { color: var(--sh-muted-dim, rgba(247, 246, 245, 0.5)); }
  .reshome-ratio-caption { color: var(--sh-muted, rgba(247, 246, 245, 0.74)); }
  .reshome-ratio-caption b { color: var(--sh-ink, rgb(247, 246, 245)); }
  .reshome-social { color: var(--sh-accent, rgb(216, 178, 90)); filter: drop-shadow(rgba(216, 178, 90, 0.55) 0px 0px 0.45rem); }

  /* comment-marquee-v1.css */
  .cm-kicker { color: var(--sh-accent, rgb(216, 178, 90)); }
  .cm-kicker i { box-shadow: rgba(216, 178, 90, 0.7) 0px 0px 0.6rem; }
  .cm-card { background-color: rgb(15, 13, 12); color: var(--sh-ink, rgb(247, 246, 245)); }
  .cm-avatar { background-color: rgba(216, 178, 90, 0.16); color: var(--sh-accent, rgb(216, 178, 90)); }
  .cm-who b { color: var(--sh-ink, rgb(247, 246, 245)); }
  .cm-who span { color: var(--sh-muted-dim, rgba(247, 246, 245, 0.5)); }
  .cm-body { color: var(--sh-muted, rgba(247, 246, 245, 0.82)); }

  /* comment-log-v1.css */
  .cl-kicker { color: rgb(216, 178, 90); }
  .cl-kicker i { background-color: rgb(216, 178, 90); box-shadow: rgba(216, 178, 90, 0.55) 0px 0px 0.6rem; }
  .cl-theme-toggle { color: rgba(247, 246, 245, 0.74); }
  .cl-theme-toggle:hover { color: rgb(245, 236, 214); }
  #clScope[data-theme="light"] .cl-kicker { color: rgb(146, 46, 37); }
  #clScope[data-theme="light"] .cl-kicker i { background-color: rgb(146, 46, 37); box-shadow: rgba(146, 46, 37, 0.4) 0px 0px 0.6rem; }
  #clScope[data-theme="light"] .sig-meta b { color: rgb(146, 46, 37); }

  /* comment-log-v2.css */
  #clScope { --cl-ink: rgb(245, 236, 214); --cl-accent: rgb(216, 178, 90); --cl-heart: rgb(227, 199, 135); --cl-bg: rgb(17, 13, 10); }
  #clScope[data-theme="light"] { --cl-accent: rgb(146, 46, 37); --cl-heart: rgb(216, 178, 90); }

  /* story-shelf-v1.css */
  .shelf-title { color: var(--sh-accent, rgb(216, 178, 90)); }
  .shelf-card-close { background-color: rgba(18, 15, 12, 0.62); }
  .shelf-card-close:hover, .shelf-card-close:active { background-color: rgba(34, 28, 24, 0.82); }
  .shelf-hero-play { background-image: linear-gradient(135deg, rgb(11, 11, 13) 0%, rgb(25, 23, 21) 55%, rgb(46, 34, 25) 100%); box-shadow: rgba(216, 178, 90, 0.32) 0px 0px 0px 1px, rgba(254, 44, 85, 0.28) 0px 6px 16px; }
  .shelf-hero-play:hover { box-shadow: rgba(216, 178, 90, 0.55) 0px 0px 0px 1px, rgba(254, 44, 85, 0.4) 0px 8px 20px; }
  .shelf-hero-play-icon { color: rgb(216, 178, 90); }

  /* story-page-signal-v1.css */
  .story-page, .story-dock { --story-accent: rgb(216, 178, 90); --story-accent-soft: rgb(237, 220, 180); --story-accent-ink: rgb(30, 22, 16); --story-accent-line: rgba(216, 178, 90, 0.44); --story-accent-fill: rgba(216, 178, 90, 0.16); --story-accent-glow: 0 0 16px rgba(216, 178, 90, 0.22); }
  .story-page .metric { border-left-color: rgba(216, 178, 90, 0.16); }
  .story-page .story-acts .btn-cyan, .story-dock .btn-cyan { box-shadow: rgba(216, 178, 90, 0.32) 0px 10px 22px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset; }
  .story-dock { border-top-color: rgba(216, 178, 90, 0.18); }
  .story-page .story-tabs a.on { color: rgb(245, 236, 214); }
  .story-page .same-card { border-top-color: rgba(216, 178, 90, 0.2); border-right-color: rgba(216, 178, 90, 0.2); border-bottom-color: rgba(216, 178, 90, 0.2); border-left-color: rgba(216, 178, 90, 0.2); }
  .story-page .same-card:active { border-top-color: rgba(237, 220, 180, 0.55); border-right-color: rgba(237, 220, 180, 0.55); border-bottom-color: rgba(237, 220, 180, 0.55); border-left-color: rgba(237, 220, 180, 0.55); }
  .story-page .same-card em::before { box-shadow: rgba(216, 178, 90, 0.7) 0px 0px 7px; }
  .story-page[data-theme="light"] { --story-accent-onlight: rgb(143, 45, 36); }
  #app[data-theme="light"] .foot2-kicker { color: rgb(146, 46, 37); }
  #app[data-theme="light"] .foot2-section h4 { color: rgb(146, 46, 37); }

  /* explore-v2.css */
  .ex-scope { --ex-ink: rgb(245, 236, 214); --ex-muted: rgb(177, 167, 152); --ex-accent: rgb(216, 178, 90); --ex-field-on: rgba(216, 178, 90, 0.14); --ex-field-on-line: rgba(216, 178, 90, 0.55); --ex-go-bg: rgb(216, 178, 90); --ex-go-ink: rgb(20, 15, 11); --ex-cover-shadow-hover: 0 4px 10px rgba(0,0,0,.5),0 22px 40px -14px rgba(0,0,0,.9),0 0 0 1px rgba(216, 178, 90, 0.35); --ex-st-ongoing-bg: rgb(216, 178, 90); --ex-st-ongoing-ink: rgb(20, 15, 11); --ex-st-completed-bg: rgb(30, 24, 19); --ex-st-completed-ink: rgb(245, 236, 214); }
  .ex-scope[data-theme="light"] { --ex-accent: rgb(146, 46, 37); --ex-field-on: rgba(146, 46, 37, 0.1); --ex-field-on-line: rgba(146, 46, 37, 0.6); --ex-st-ongoing-bg: rgb(146, 46, 37); }
  .ex-go { color: rgb(20, 15, 11); }

  /* member-hub-v1.css */
  .mh-scope { --mh-page: rgb(17, 13, 10); }
  .mh-scope { --mh-on-c: rgb(20, 15, 11); }
  .vc-avatar-picker { border-top-color: rgba(216, 178, 90, 0.35); border-right-color: rgba(216, 178, 90, 0.35); border-bottom-color: rgba(216, 178, 90, 0.35); border-left-color: rgba(216, 178, 90, 0.35); background-color: rgb(22, 17, 14); }
  .vc-avatar-option.is-selected { border-top-color: rgb(216, 178, 90); border-right-color: rgb(216, 178, 90); border-bottom-color: rgb(216, 178, 90); border-left-color: rgb(216, 178, 90); background-color: rgba(216, 178, 90, 0.12); box-shadow: rgba(216, 178, 90, 0.2) 0px 0px 0px 1px inset; }
  .vc-avatar-option:focus-visible { outline-color: rgb(216, 178, 90); }
  .vc-avatar-save { background-color: rgb(216, 178, 90); color: rgb(20, 15, 11); }
  .vc-avatar-sources button { border-top-color: rgba(216, 178, 90, 0.18); border-right-color: rgba(216, 178, 90, 0.18); border-bottom-color: rgba(216, 178, 90, 0.18); border-left-color: rgba(216, 178, 90, 0.18); }
  .vc-avatar-sources button b { background-color: rgba(216, 178, 90, 0.14); color: rgb(216, 178, 90); }
  .vc-avatar-sources button.is-active { border-top-color: rgba(216, 178, 90, 0.6); border-right-color: rgba(216, 178, 90, 0.6); border-bottom-color: rgba(216, 178, 90, 0.6); border-left-color: rgba(216, 178, 90, 0.6); background-color: rgba(216, 178, 90, 0.14); }
  .vc-avatar-sources button.is-active b { background-color: rgb(216, 178, 90); color: rgb(20, 15, 11); }
  .mb-scope .vc-mail-dialog > section { background-color: rgb(30, 24, 19); }
  .cs-back { background-color: rgba(9, 7, 5, 0.66); }
  .cs-sheet { background-color: rgb(22, 17, 14); }
  .mh-me-ava.member-avatar { border-top-color: rgb(25, 19, 15); border-right-color: rgb(25, 19, 15); border-bottom-color: rgb(25, 19, 15); border-left-color: rgb(25, 19, 15); background-color: rgb(25, 19, 15); color: rgb(245, 236, 214); }
  .mp-none { color: rgba(245, 236, 214, 0.62); }
}