/* Projects/Item-requests-v1/home-antz.css — the ANTZ Home page (Design Links home/antz-home, v2) styles for the
   parts kept in the TAB Home: header, search row, Recents band, alert strip. Pulled from the live page (rules that
   match those elements), scoped under .hx; asset paths point at assets/hx/. Do not hand-edit; overrides go in req.css. */
.hx { --page-bg: linear-gradient(180deg,
      rgba(175, 239, 235, .5)   0%,
      rgba(175, 239, 235, .275) 32.386%,
      rgba(242, 255, 248, .5)   68.662%),
    linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%); --c-secondary-dark: #00ABAB; --c-on-secondary-ctr: #1F415B; --c-on-surface-var: #44544A; --c-neutral-2: #7A8684; --c-secondary: #00D6C9; --c-add-primary: #00AFD6; --c-tertiary: #FA6140; --c-tertiary-ctr: #FFBDA8; --c-on-primary-ctr: #1F515B; --c-success: #72E128; --c-white: #FFFFFF; --c-notes: #FCF4AE; --c-error-ctr: #FFD3D3; --c-secondary-ctr: #AFEFEB; --c-moderate: #FFE86E; --c-primary: #37BD69; --c-primary-ink: #1E7A44; --ink: var(--c-on-secondary-ctr); --ink-head: var(--c-on-surface-var); --ink-mute: var(--c-neutral-2); --on-dark: var(--c-white); --g-medical: linear-gradient(127.68923deg,
                    rgb(142, 190, 165) 6.0%,
                    rgb(129, 183, 155) 15.8%,
                    rgb(116, 175, 145) 25.6%,
                    rgb(103, 168, 134) 35.3%,
                    rgb(90, 160, 123) 45.1%,
                    rgb(77, 153, 114) 54.9%,
                    rgb(65, 145, 103) 64.7%,
                    rgb(51, 138, 93) 74.4%,
                    rgb(51, 138, 93) 84.2%,
                    rgb(51, 138, 93) 94.0%); --g-mortality: linear-gradient(127.96481deg,
                    rgb(251, 153, 132) 6.0%,
                    rgb(251, 149, 128) 15.8%,
                    rgb(251, 146, 123) 25.6%,
                    rgb(251, 143, 119) 35.3%,
                    rgb(251, 139, 115) 45.1%,
                    rgb(251, 135, 111) 54.9%,
                    rgb(251, 132, 107) 64.7%,
                    rgb(251, 128, 102) 74.4%,
                    rgb(251, 128, 102) 84.2%,
                    rgb(251, 128, 102) 94.0%); --g-natality: linear-gradient(127.96481deg,
                    rgb(92, 214, 206) 6.0%,
                    rgb(84, 210, 202) 15.8%,
                    rgb(76, 206, 198) 25.6%,
                    rgb(68, 202, 194) 35.3%,
                    rgb(60, 198, 190) 45.1%,
                    rgb(52, 194, 186) 54.9%,
                    rgb(44, 190, 182) 64.7%,
                    rgb(36, 186, 178) 74.4%,
                    rgb(36, 186, 178) 84.2%,
                    rgb(36, 186, 178) 94.0%); --g-security: linear-gradient(127.96481deg,
                    rgb(149, 158, 152) 6.0%,
                    rgb(142, 152, 147) 15.8%,
                    rgb(136, 147, 140) 25.6%,
                    rgb(130, 140, 134) 35.3%,
                    rgb(124, 135, 128) 45.1%,
                    rgb(118, 129, 122) 54.9%,
                    rgb(111, 123, 116) 64.7%,
                    rgb(105, 117, 110) 74.4%,
                    rgb(104, 117, 110) 84.2%,
                    rgb(104, 117, 110) 94.0%); --g-pharmacy: linear-gradient(127.96481deg,
                    rgb(119, 155, 159) 6.0%,
                    rgb(114, 149, 155) 15.8%,
                    rgb(107, 144, 149) 25.6%,
                    rgb(100, 138, 143) 35.3%,
                    rgb(93, 131, 138) 45.1%,
                    rgb(86, 126, 133) 54.9%,
                    rgb(79, 120, 128) 64.7%,
                    rgb(72, 115, 122) 74.4%,
                    rgb(72, 115, 122) 84.2%,
                    rgb(72, 115, 122) 94.0%); --g-lab: linear-gradient(127.96481deg,
                    rgb(216, 201, 147) 6.0%,
                    rgb(216, 198, 140) 15.8%,
                    rgb(215, 195, 134) 25.6%,
                    rgb(214, 192, 128) 35.3%,
                    rgb(213, 188, 122) 45.1%,
                    rgb(212, 185, 117) 54.9%,
                    rgb(210, 183, 110) 64.7%,
                    rgb(209, 180, 104) 74.4%,
                    rgb(209, 180, 104) 84.2%,
                    rgb(209, 180, 104) 94.0%); --g-fetal: linear-gradient(127.96481deg,
                    rgb(244, 147, 164) 6.0%,
                    rgb(245, 141, 160) 15.8%,
                    rgb(246, 134, 155) 25.6%,
                    rgb(246, 128, 149) 35.3%,
                    rgb(247, 122, 145) 45.1%,
                    rgb(247, 116, 140) 54.9%,
                    rgb(248, 110, 135) 64.7%,
                    rgb(248, 103, 129) 74.4%,
                    rgb(248, 103, 129) 84.2%,
                    rgb(248, 103, 129) 94.0%); --g-eggs: linear-gradient(127.96481deg,
                    rgb(106, 220, 226) 6.0%,
                    rgb(98, 216, 225) 15.8%,
                    rgb(91, 213, 225) 25.6%,
                    rgb(83, 209, 224) 35.3%,
                    rgb(74, 205, 223) 45.1%,
                    rgb(66, 200, 222) 54.9%,
                    rgb(58, 195, 222) 64.7%,
                    rgb(50, 191, 221) 74.4%,
                    rgb(50, 191, 221) 84.2%,
                    rgb(50, 191, 221) 94.0%); --g-administer: linear-gradient(127.96481deg,
                    rgb(179, 198, 188) 6.0%,
                    rgb(176, 195, 184) 15.8%,
                    rgb(173, 193, 181) 25.6%,
                    rgb(169, 189, 177) 35.3%,
                    rgb(165, 186, 174) 45.1%,
                    rgb(162, 183, 170) 54.9%,
                    rgb(157, 179, 166) 64.7%,
                    rgb(154, 176, 162) 74.4%,
                    rgb(155, 176, 163) 84.2%,
                    rgb(155, 176, 163) 94.0%); --g-users: linear-gradient(127.96481deg,
                    rgb(123, 147, 160) 6.0%,
                    rgb(117, 141, 155) 15.8%,
                    rgb(109, 135, 150) 25.6%,
                    rgb(102, 128, 145) 35.3%,
                    rgb(95, 122, 139) 45.1%,
                    rgb(88, 115, 133) 54.9%,
                    rgb(81, 109, 128) 64.7%,
                    rgb(74, 103, 123) 74.4%,
                    rgb(74, 103, 122) 84.2%,
                    rgb(74, 103, 122) 94.0%); --g-teal-card: linear-gradient(127.96481deg,
                    rgb(50, 187, 182) 6.0%,
                    rgb(46, 187, 181) 15.8%,
                    rgb(39, 187, 181) 25.6%,
                    rgb(33, 188, 181) 35.3%,
                    rgb(28, 189, 181) 45.1%,
                    rgb(23, 190, 182) 54.9%,
                    rgb(19, 192, 184) 64.7%,
                    rgb(16, 194, 185) 74.4%,
                    rgb(15, 194, 185) 84.2%,
                    rgb(14, 194, 185) 94.0%); --g-users-wash: linear-gradient(127.96481deg,
                    rgb(69, 108, 119) 6.0%,
                    rgb(65, 105, 117) 15.8%,
                    rgb(59, 100, 112) 25.6%,
                    rgb(54, 96, 108) 35.3%,
                    rgb(49, 92, 105) 45.1%,
                    rgb(45, 89, 101) 54.9%,
                    rgb(43, 87, 99) 64.7%,
                    rgb(40, 86, 98) 74.4%,
                    rgb(40, 85, 97) 84.2%,
                    rgb(39, 85, 97) 94.0%); --g-audit: linear-gradient(127.96481deg,
                    rgb(201, 98, 120) 6.0%,
                    rgb(203, 96, 118) 15.8%,
                    rgb(204, 91, 115) 25.6%,
                    rgb(205, 87, 112) 35.3%,
                    rgb(207, 84, 110) 45.1%,
                    rgb(210, 81, 107) 54.9%,
                    rgb(213, 78, 106) 64.7%,
                    rgb(215, 76, 104) 74.4%,
                    rgb(215, 76, 104) 84.2%,
                    rgb(214, 75, 103) 94.0%); --g-approvals-wash: linear-gradient(148.47514deg,
                    rgb(70, 99, 120) 6.0%,
                    rgb(64, 95, 116) 15.8%,
                    rgb(59, 90, 112) 25.6%,
                    rgb(54, 86, 109) 35.3%,
                    rgb(50, 81, 105) 45.1%,
                    rgb(45, 78, 102) 54.9%,
                    rgb(43, 75, 100) 64.7%,
                    rgb(41, 73, 98) 74.4%,
                    rgb(40, 73, 97) 84.2%,
                    rgb(39, 72, 97) 94.0%); --g-parivesh-wide2: linear-gradient(148.47514deg,
                    rgb(107, 208, 229) 6.0%,
                    rgb(99, 206, 228) 15.8%,
                    rgb(89, 203, 227) 25.6%,
                    rgb(80, 201, 225) 35.3%,
                    rgb(74, 198, 224) 45.1%,
                    rgb(67, 195, 224) 54.9%,
                    rgb(63, 194, 223) 64.7%,
                    rgb(58, 193, 222) 74.4%,
                    rgb(54, 191, 221) 84.2%,
                    rgb(50, 191, 221) 94.0%); --g-insights: linear-gradient(25.6deg,
                    rgb(24, 98, 115) 6.0%,
                    rgb(22, 106, 121) 15.8%,
                    rgb(20, 114, 127) 25.6%,
                    rgb(19, 122, 133) 35.3%,
                    rgb(17, 130, 139) 45.1%,
                    rgb(15, 138, 145) 54.9%,
                    rgb(14, 147, 151) 64.7%,
                    rgb(12, 155, 157) 74.4%,
                    rgb(10, 163, 163) 84.2%,
                    rgb(8, 171, 169) 94.0%); --g-v3-insights: url("data:image/svg+xml;utf8,<svg viewBox='0 0 340 144' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%25' width='100%25' fill='url(%23g)'/><defs><radialGradient id='g' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(47.904 19.612 -46.306 20.289 -72.313 -25.791)'><stop stop-color='rgb(2,148,148)' offset='0'/><stop stop-color='rgb(4,178,168)' offset='0.46216'/><stop stop-color='rgb(20,181,164)' offset='0.49578'/><stop stop-color='rgb(36,184,160)' offset='0.52939'/><stop stop-color='rgb(67,191,153)' offset='0.59662'/><stop stop-color='rgb(98,198,146)' offset='0.66385'/><stop stop-color='rgb(130,205,139)' offset='0.73108'/><stop stop-color='rgb(192,218,124)' offset='0.86554'/><stop stop-color='rgb(255,232,110)' offset='1'/></radialGradient></defs></svg>"); --g-v3-green: #006D35; --g-v2-newlist: linear-gradient(146.41825deg, rgb(31, 65, 91) 3.5754%, rgb(66, 138, 193) 104.56%); --g-v2-cork: radial-gradient(rgba(0, 0, 0, .06) 1px, transparent 1.5px) 0 0 / 7px 7px, #C9A57A; --g-v2-sticky: linear-gradient(180deg, #FFE6DC 0%, #FFD6C7 100%); --g-v2-newcount: linear-gradient(116.87185deg, rgb(255, 232, 110) -104.98%, rgb(250, 97, 64) 64.527%); --g-v2-ki-natality: linear-gradient(156.28deg, #5CD6CE 7.89%, #24BAB2 73.35%); --g-v2-ki-mortality: linear-gradient(156.05deg, #FB9984 7.95%, #FB8066 73.32%); --g-v3-cocoa: #250E01; --g-v3-helpdesk: linear-gradient(162.54176deg,
                    rgb(31, 65, 91) 3.5754%,
                    rgb(66, 138, 193) 104.56%); --g-v3-quick: linear-gradient(8.17153deg,
                    rgb(0, 109, 53) 4.4327%,
                    rgb(55, 189, 105) 119.68%); --g-v3-medical: linear-gradient(236.76732deg,
                    rgb(0, 214, 201) 17.506%,
                    rgb(76, 103, 124) 140.12%); --g-v3-notepad: linear-gradient(117.62176deg,
                    rgb(209, 180, 104) 6%,
                    rgb(212, 185, 117) 45.1%,
                    rgb(214, 192, 128) 64.7%,
                    rgb(216, 201, 147) 94%); --g-v3-eggday: linear-gradient(-35.82331deg,
                    rgb(255, 243, 182) 29.365%,
                    rgb(215, 242, 225) 111.96%); --g-v3-plate: linear-gradient(#FFFFFF, #FFFFFF); --g-v3-mortality: linear-gradient(176.8deg,
                    rgb(242, 84, 83) 0%,
                    rgb(233, 51, 83) 45%,
                    rgb(241, 73, 74) 100%); --g-pharmacy-wash: var(--g-teal-card); --g-reports-wash: var(--g-teal-card); --g-parivesh: linear-gradient(127.96481deg,
                    rgb(108, 231, 223) 6.0%,
                    rgb(101, 230, 221) 15.8%,
                    rgb(92, 229, 220) 25.6%,
                    rgb(83, 227, 218) 35.3%,
                    rgb(75, 226, 216) 45.1%,
                    rgb(67, 225, 214) 54.9%,
                    rgb(58, 223, 212) 64.7%,
                    rgb(50, 222, 211) 74.4%,
                    rgb(50, 222, 211) 84.2%,
                    rgb(50, 222, 211) 94.0%); --g-reports: linear-gradient(127.96481deg,
                    rgb(108, 231, 222) 6.0%,
                    rgb(101, 230, 221) 15.8%,
                    rgb(92, 229, 220) 25.6%,
                    rgb(84, 227, 218) 35.3%,
                    rgb(75, 226, 216) 45.1%,
                    rgb(67, 225, 214) 54.9%,
                    rgb(58, 223, 212) 64.7%,
                    rgb(50, 222, 211) 74.4%,
                    rgb(50, 222, 211) 84.2%,
                    rgb(50, 222, 211) 94.0%); --g-parivesh-wide: linear-gradient(143.78207deg,
                    rgb(108, 209, 230) 6.0%,
                    rgb(100, 207, 229) 15.8%,
                    rgb(92, 204, 228) 25.6%,
                    rgb(83, 202, 226) 35.3%,
                    rgb(75, 199, 225) 45.1%,
                    rgb(67, 196, 224) 54.9%,
                    rgb(58, 194, 222) 64.7%,
                    rgb(50, 191, 221) 74.4%,
                    rgb(50, 191, 221) 84.2%,
                    rgb(50, 191, 221) 94.0%); --g-followup: linear-gradient(127.96481deg,
                    rgb(119, 155, 159) 6.0%,
                    rgb(114, 149, 155) 15.8%,
                    rgb(107, 144, 149) 25.6%,
                    rgb(100, 138, 143) 35.3%,
                    rgb(93, 131, 138) 45.1%,
                    rgb(86, 126, 133) 54.9%,
                    rgb(79, 120, 128) 64.7%,
                    rgb(72, 115, 122) 74.4%,
                    rgb(72, 115, 122) 84.2%,
                    rgb(72, 115, 122) 94.0%); --g-species: linear-gradient(127.96481deg,
                  rgb(82, 156, 118) 6.0%,
                  rgb(70, 149, 109) 15.8%,
                  rgb(59, 143, 99) 25.6%,
                  rgb(47, 136, 90) 35.3%,
                  rgb(35, 129, 81) 45.1%,
                  rgb(23, 122, 72) 54.9%,
                  rgb(12, 116, 62) 64.7%,
                  rgb(0, 109, 53) 74.4%,
                  rgb(0, 109, 53) 84.2%,
                  rgb(0, 109, 53) 94.0%); --g-diet: linear-gradient(127.96481deg,
                  rgb(252, 148, 125) 6.0%,
                  rgb(252, 141, 116) 15.8%,
                  rgb(251, 133, 108) 25.6%,
                  rgb(251, 126, 99) 35.3%,
                  rgb(251, 119, 90) 45.1%,
                  rgb(251, 112, 81) 54.9%,
                  rgb(250, 104, 73) 64.7%,
                  rgb(250, 97, 64) 74.4%,
                  rgb(250, 97, 64) 84.2%,
                  rgb(250, 97, 64) 94.0%); --g-hospital: linear-gradient(127.96481deg,
                  rgb(103, 137, 143) 6.0%,
                  rgb(93, 129, 136) 15.8%,
                  rgb(82, 121, 128) 25.6%,
                  rgb(72, 113, 121) 35.3%,
                  rgb(62, 105, 113) 45.1%,
                  rgb(52, 97, 106) 54.9%,
                  rgb(41, 89, 98) 64.7%,
                  rgb(31, 81, 91) 74.4%,
                  rgb(31, 81, 91) 84.2%,
                  rgb(31, 81, 91) 94.0%); --g-note: linear-gradient(172deg, rgb(255, 247, 196) 0%, rgb(255, 240, 166) 70%, rgb(252, 232, 146) 100%); --scrim-band: linear-gradient(180deg,
    rgba(255, 255, 255, 0) 5.6838%, rgba(58, 58, 58, .7) 100%); --scrim-band-soft: linear-gradient(180deg,
    rgba(255, 255, 255, 0) 5.6838%,
    rgba(58, 58, 58, .56) 64.478%,
    rgba(58, 58, 58, .56) 100%); --scrim-band-h: 70px; --shadow-hero: 0 2px 10px 0 rgba(76, 78, 100, .22); --shadow-card: 0 1px 3px rgba(31, 65, 91, .06), 0 8px 24px -10px rgba(31, 65, 91, .14); --shadow-lift: 0 4px 10px rgba(31, 65, 91, .10), 0 26px 56px -18px rgba(31, 65, 91, .32); --r-card: 16px; --r-field: 16px; --r-sheet: 28px; --r-pill: 999px; --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s7: 28px; --s8: 32px; --s10: 40px; --s11: 44px; --s12: 48px; --ease: cubic-bezier(.22, .61, .36, 1); --ease-out: cubic-bezier(.16, 1, .3, 1); --ease-sheet: cubic-bezier(.32, .72, 0, 1); --t-fast: 140ms; --t-base: 220ms; --t-slow: 320ms; --t-sheet: 420ms; --t-menu: 200ms; --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; --font-greet: 'Sour Gummy', 'Comic Sans MS', var(--font); --font-num: 'DM Sans', var(--font); --font-sys: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, sans-serif; --fs-greet: clamp(18px, 1.3848rem + .18vw, 26px); --fs-name: clamp(24px, 1.84rem + .25vw, 36px); --fs-hero: clamp(24px, 1.3796rem + 1.36vw, 40px); --fs-search: clamp(15px, .952rem + .27vw, 20px); --fs-card: clamp(15px, .952rem + .27vw, 20px); --fs-card-lg: clamp(15px, .952rem + .27vw, 20px); --fs-stat: clamp(30px, 1.95rem + 1.25vw, 48px); --fs-stat-sm: clamp(22px, 1.15rem + 1.2vw, 34px); --fs-fig: clamp(26px, 1.4rem + 1.3vw, 40px); --fs-metric: clamp(20px, 1.14rem + .68vw, 27px); --fs-metric-sm: clamp(17px, .99rem + .52vw, 23px); --fs-card-title: clamp(14px, .8398rem + .27vw, 19px); --fs-body: clamp(14px, .8848rem + .18vw, 17px); --fs-label: clamp(12.5px, .779rem + .15vw, 15px); --fs-micro: clamp(11px, .6732rem + .12vw, 13px); --grid-cols: 5; --grid-gap: 16px; --grid-row: 164px; --pad-page: 32px; --pad-card: 16px; --max-content: 960px; --surface: #FFFFFF; --line: rgba(31, 65, 91, .10); --line-2: rgba(31, 65, 91, .16); --canvas-2: #E7F7F5; --ink-2: #52697A; --ink-3: var(--c-neutral-2); --ink-4: #9AAAB4; --sig: var(--c-add-primary); --c-ok: #B6F3D6; --c-warn: #FFE4BC; --c-alert: #FFD6CE; --pri-critical-slab: #F21037; --pri-critical-badge: #FDEBEE; --pri-critical-ink: #E93353; --pri-critical-tint: rgba(233, 51, 83, .1); --pri-high-slab: #F06D52; --pri-high-badge: #FEEFEC; --pri-high-ink: var(--c-tertiary); --pri-high-tint: rgba(250, 97, 64, .1); --pri-moderate-slab: #FFB71D; --pri-moderate-badge: #FFFAE2; --pri-moderate-ink: #E4B819; --pri-moderate-tint: rgba(228, 184, 25, .1); --pri-low-slab: #0FC1E8; --pri-low-badge: #E5FBFA; --pri-low-ink: var(--c-secondary); --pri-low-tint: rgba(0, 214, 201, .1); --tag-care-bg: #FDE6DC; --tag-care-line: #F8D2C2; --tag-care-ink: #8A4326; --tag-watch-bg: #D7F2F5; --tag-watch-line: #BCE6EB; --tag-watch-ink: #1F5B63; --tag-trait-bg: #EDF0F0; --tag-trait-line: #DFE5E5; --tag-trait-ink: #4A5A5C; --surface-tint: #F7FCFB; --surface-sel: #E8F4F2; --surface-load: #E3EBE8; --c-black: #000000; --c-action-ink: #006D35; --thumb-tint-0: #4E8A7A; --thumb-tint-1: #6B7FA8; --thumb-tint-2: #A8785E; --thumb-tint-3: #7A6B9E; --thumb-tint-4: #5E8A96; --gsx-dot-on: #35C46E; --note-sky-lo: #5CC6EE; --note-sky-hi: #2D9FD0; --fs-hero-num: var(--fs-stat); --fs-hero-num-sm: var(--fs-stat-sm); --ui-link: #007A95; --clay: var(--c-tertiary); --petrol-050: #EEF5F6; --petrol-100: #DCE9EB; --petrol-200: #B6CDD1; --petrol-300: #8DAEB4; --petrol-400: #5E8A92; --petrol-500: #3E7078; --petrol-600: #2E5C64; --petrol-700: #234C54; --petrol-800: var(--c-on-primary-ctr); --petrol-900: #16373D; --e0: 0 1px 2px rgba(31, 65, 91, .05); --e1: 0 1px 3px rgba(31, 65, 91, .06), 0 8px 24px -10px rgba(31, 65, 91, .14); --e2: 0 2px 6px rgba(31, 65, 91, .08), 0 18px 40px -14px rgba(31, 65, 91, .22); --e-drag: var(--shadow-lift); --btn: var(--icon-btn); --fs-title: var(--fs-card); --s16: 64px; --search-h: 64px; --hero-h: 204px; --icon-btn: 44px; --z-sheet: 400; --z-drag: 500; }
.hx .figure__value, .hx .l-headline__value, .hx .l-headline__tile-value, .hx .l-stat__value, .hx .site-stat__value, .hx .site-fig__value, .hx .l-focus__day, .hx .l-focus__ref, .hx time { font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; }
.hx { --grid-cols: 4; --grid-gap: 16px; --grid-row: 156px; --pad-page: 24px; --search-h: 52px; --fs-greet: 20px; --fs-name: 28px; --fs-hero: 28px; --r-card: 12px; --hero-h: 144px; }
.hx { --card-ar: 1.0926829; }
@supports (container-type: inline-size) {
.hx .modules-band { container-type: inline-size; }
.hx #moduleGrid, .hx .hero--estate { --grid-row: calc((100cqw - 48px) / 4 / 1.0926829); }
}
.hx *, .hx ::before, .hx ::after { box-sizing: border-box; }
.hx { text-size-adjust: 100%; }
.hx { margin: 0px; min-height: 100dvh; font-family: var(--font); font-size: var(--fs-body); color: var(--ink); -webkit-font-smoothing: antialiased; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-origin: ; background-clip: ; background-color: ; background-attachment: fixed, fixed; overscroll-behavior-y: none; }
.hx h1, .hx h2, .hx h3, .hx p { margin: 0px; font-weight: inherit; }
.hx button { font: inherit; color: inherit; }
.hx :focus-visible { outline: 2px solid var(--c-add-primary); outline-offset: 3px; border-radius: 6px; }
.hx :focus:not(:focus-visible) { outline: none; }
.hx .sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
.hx .page { position: relative; width: 100%; max-width: calc(var(--max-content) + var(--pad-page) * 2); margin: 0px auto; padding-bottom: var(--s12); }
.hx .foliage { position: absolute; z-index: 0; left: 0px; right: 0px; top: 0px; height: 440px; pointer-events: none; background: url("assets/hx/img/foliage.png") center top / auto 100% repeat-x; --feather: linear-gradient(to bottom,
    rgb(0, 0, 0) 0,
    rgb(0, 0, 0) 239px,
    rgba(0, 0, 0, .86) 268px,
    rgba(0, 0, 0, .66) 297px,
    rgba(0, 0, 0, .44) 326px,
    rgba(0, 0, 0, .25) 355px,
    rgba(0, 0, 0, .10) 384px,
    rgba(0, 0, 0, .03) 406px,
    transparent 428px); --clearing: radial-gradient(ellipse 470px 138px at 194px 70px,
    rgba(0, 0, 0, .06) 0%,
    rgba(0, 0, 0, .42) 40%,
    rgba(0, 0, 0, .66) 62%,
    rgba(0, 0, 0, .88) 82%,
    rgb(0, 0, 0) 100%); mask-image: var(--feather); }
@supports (mask-composite: intersect) or (-webkit-mask-composite: source-in) {
.hx .foliage { mask-image: var(--feather), var(--clearing); mask-composite: intersect; }
}
@supports not ((-webkit-mask-image: linear-gradient(#000, transparent)) or (mask-image: linear-gradient(#000, transparent))) {
.hx .foliage { display: none; }
}
.hx .add-module-btn { display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 var(--s4) 0 var(--s3); border: 1px solid var(--line-2); border-radius: var(--r-pill); background: var(--surface); color: var(--petrol-800); font-size: var(--fs-label); font-weight: 650; cursor: pointer; white-space: nowrap; transition: background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease),
              transform var(--t-fast) var(--ease); }
.hx .add-module-btn .icon { width: 17px; height: 17px; }
.hx .add-module-btn:hover { background: var(--petrol-050); border-color: var(--petrol-200); }
.hx .add-module-btn:active { transform: scale(0.97); }
.hx .home-header { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: var(--s6); padding: var(--s11) var(--pad-page) var(--s6); }
.hx .greeting { display: flex; flex-direction: column; gap: var(--s1); min-width: 0px; }
.hx .greeting__word { font-family: var(--font-greet); font-weight: 300; font-size: var(--fs-greet); line-height: 1.21; color: var(--c-add-primary); }
.hx .greeting__name { font-size: var(--fs-name); font-weight: 600; line-height: 1.21; color: var(--c-on-secondary-ctr); }
.hx .greeting__wave { display: inline-block; margin-left: 0.12em; }
.hx .clock { flex: 0 0 auto; display: none; flex-direction: column; gap: 2px; margin-left: auto; padding-left: var(--s6); border-left: 1px solid rgba(31, 65, 91, 0.14); }
.hx .clock__time { font-family: var(--font-num); font-size: var(--fs-metric); font-weight: 500; line-height: 1; color: var(--ink); font-variant-numeric: tabular-nums; }
.hx .clock__date { font-size: var(--fs-label); font-weight: 500; line-height: 1.2; color: var(--ink-2); white-space: nowrap; }
.hx[data-page-version="4"] .clock, .hx[data-page-version="5"] .clock { display: flex; }
.hx .header-actions { display: flex; align-items: center; justify-content: flex-end; gap: var(--s3); flex: 0 0 auto; }
.hx .icon-btn { display: grid; place-items: center; width: 32px; height: 32px; padding: 0px; border: none; background: none; cursor: pointer; transition: transform var(--t-fast) var(--ease), opacity var(--t-fast) var(--ease); }
.hx .icon-btn:hover { opacity: 0.78; }
.hx .icon-btn:active { transform: scale(0.92); }
.hx .icon-btn img { display: block; width: 100%; height: 100%; }
.hx .icon-btn--bell { width: 38px; height: 38px; padding: 0px; border-radius: var(--r-pill); background: var(--c-white); box-shadow: rgba(0, 0, 0, 0.05) 0px 1.188px 9.5px; }
.hx .icon-btn--bell img { width: 20px; height: 20px; }
.hx .icon-btn, .hx .avatar-btn { position: relative; }
.hx .icon-btn::after, .hx .avatar-btn::after { content: ""; position: absolute; inset: -3px; }
.hx .dots__dot { position: relative; }
.hx .dots__dot::after { content: ""; position: absolute; inset: -12px -3px; }
.hx .link-btn { position: relative; }
.hx .link-btn::after { content: ""; position: absolute; inset: -12px 0px; }
.hx .avatar-btn { position: relative; width: 38px; height: 38px; padding: 0px; border: none; border-radius: 64px; background: none; cursor: pointer; transition: transform var(--t-fast) var(--ease); }
.hx .avatar-btn:active { transform: scale(0.94); }
.hx .avatar-btn > img { display: block; width: 100%; height: 100%; border-radius: 64px; object-fit: cover; pointer-events: none; }
.hx .avatar-btn__badge { position: absolute; inset: 70% 0px 0px 70%; border-radius: 64px; background: var(--c-white); display: grid; place-items: center; }
.hx .avatar-btn__badge img { width: 66.66%; height: 66.66%; display: block; }
.hx .search-row { position: sticky; top: 0px; z-index: 20; display: flex; align-items: flex-start; justify-content: center; padding-block: 10px; margin-block: -10px; padding-inline: var(--pad-page); gap: var(--s2); }
.hx .search-row::before { content: ""; position: absolute; inset: 0px; z-index: -1; background: transparent; backdrop-filter: blur(20px) saturate(160%); border-bottom: 1px solid rgba(195, 206, 199, 0.38); box-shadow: rgba(22, 55, 61, 0.38) 0px 8px 20px -14px; opacity: 0; transition: opacity 260ms cubic-bezier(0.22, 0.61, 0.36, 1); }
.hx .search-row.is-stuck::before { opacity: 1; }
@supports not (backdrop-filter: blur(2px)) {
.hx .search-row::before { background: rgb(215, 247, 245); }
}
.hx .search-btn { flex: 0 0 auto; display: grid; place-items: center; width: var(--search-h); height: var(--search-h); border: 0px; padding: 0px; border-radius: var(--r-pill); background: var(--c-white); box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 16px; color: var(--ink-2); cursor: pointer; transition: background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease); }
.hx .search-btn:hover { background: var(--petrol-050); }
.hx .search-btn:active { transform: scale(0.94); }
.hx .search-btn__icon { display: block; pointer-events: none; }
.hx .search { position: relative; display: flex; flex: 1 0 0px; align-items: center; gap: var(--s4); min-width: 0px; height: var(--search-h); padding: 8px var(--s6); border-radius: var(--r-pill); background: var(--c-white); box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 16px; overflow: hidden; }
.hx .search__icon { flex: 0 0 auto; width: 24px; height: 24px; display: block; pointer-events: none; }
.hx .search__input { flex: 1 0 0px; min-width: 0px; border: none; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: var(--fs-search); color: var(--ink); }
.hx .search__input::placeholder { color: var(--c-neutral-2); }
.hx .search__input::-webkit-search-cancel-button, .hx .search__input::-webkit-search-decoration { appearance: none; }
.hx .search__hint { position: absolute; left: calc(var(--s6) + 24px + var(--s4)); top: 50%; translate: 0px -50%; display: flex; align-items: baseline; gap: 0.38em; max-width: calc(100% - var(--s6) * 2 - 24px - var(--s4)); font-size: var(--fs-search); color: var(--c-neutral-2); white-space: nowrap; pointer-events: none; }
.hx .search__hint[hidden] { display: none; }
.hx .search__cycle { display: inline-block; overflow: hidden; color: inherit; will-change: transform, opacity; }
.hx .search__input:focus { outline: none; }
.hx .search:has(.search__input:focus-visible) { box-shadow: 0 0 0 3px color-mix(in srgb, var(--c-add-primary) 26%, transparent); }
.hx .search__input::-webkit-search-cancel-button, .hx .search__input::-webkit-search-decoration { appearance: none; }
.hx .search { cursor: pointer; }
.hx .search__input { cursor: pointer; }
.hx .gsx { position: fixed; inset: 0px; z-index: calc(var(--z-sheet) - 2); display: flex; flex-direction: column; background: var(--c-white); opacity: 0; transform: translateY(8px); transition: opacity var(--t-menu) var(--ease-out), transform var(--t-menu) var(--ease-out); }
.hx .gsx.is-open { opacity: 1; transform: translateY(0px); }
.hx .gsx[hidden] { display: none !important; }
.hx .gsx__bar { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: var(--s3); padding: var(--s4) var(--s5) var(--s2); }
.hx .gsx__back { position: relative; }
.hx .gsx__back::after { content: ""; position: absolute; inset: -2px; }
.hx .gsx__back { display: grid; place-items: center; width: 40px; height: 40px; border: 0px; padding: 0px; border-radius: var(--r-pill); background: none; color: var(--ink); cursor: pointer; }
.hx .gsx__back:hover { background: var(--petrol-050); }
.hx .gsx__back .icon { width: 22px; height: 22px; }
.hx .gsx__scope { position: relative; }
.hx .gsx__scope::after { content: ""; position: absolute; inset: -6px 0px; }
.hx .gsx__scope { display: inline-flex; align-items: center; gap: 4px; border: 0px; padding: 8px 12px; border-radius: var(--r-pill); background: none; color: var(--petrol-600); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: var(--fs-body); font-weight: 600; cursor: pointer; }
.hx .gsx__scope:hover { background: var(--petrol-050); }
.hx .gsx__scope .icon { width: 18px; height: 18px; }
.hx .gsx__fieldrow { flex: 0 0 auto; padding: 0 var(--s5) var(--s3); }
.hx .gsx__field { display: flex; align-items: center; gap: var(--s3); min-height: 56px; padding: 8px var(--s4); border: 1px solid var(--line-2); border-radius: 14px; background: var(--c-white); }
.hx .gsx__field:focus-within { border-color: var(--petrol-400); }
.hx .gsx__tokens { display: flex; align-items: center; gap: var(--s2); flex: 0 0 auto; }
.hx .gsx__tokens:empty { display: none; }
.hx .gsx__input { flex: 1 0 0px; min-width: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: var(--fs-body); color: var(--ink); }
.hx .gsx__input:focus { outline: none; }
.hx .gsx__input::placeholder { color: var(--ink-3); }
.hx .gsx__clear { display: none; place-items: center; flex: 0 0 auto; width: 30px; height: 30px; border: 0px; padding: 0px; border-radius: var(--r-pill); background: none; color: var(--ink-3); cursor: pointer; }
.hx .gsx__field.has-value .gsx__clear, .hx .gsx__field.has-token .gsx__clear { display: grid; }
.hx .gsx__clear:hover { background: var(--petrol-050); color: var(--ink); }
.hx .gsx__clear .icon { width: 16px; height: 16px; }
.hx .gsx__mic { flex: 0 0 auto; display: grid; place-items: center; width: 24px; height: 24px; color: var(--ink-4); }
.hx .gsx__mic svg { width: 20px; height: 20px; }
.hx .gsx-token { display: inline-flex; align-items: center; gap: var(--s1); height: 30px; padding-inline: var(--s3) var(--s1); border-radius: var(--r-pill); background: var(--petrol-050); color: var(--petrol-700); font-size: var(--fs-label); font-weight: 600; white-space: nowrap; }
.hx .gsx-token__x { display: grid; place-items: center; width: 20px; height: 20px; border: 0px; padding: 0px; border-radius: var(--r-pill); background: none; color: inherit; cursor: pointer; }
.hx .gsx-token__x:hover { background: var(--petrol-100); }
.hx .gsx-token__x .icon { width: 13px; height: 13px; }
.hx .gsx__rail { flex: 0 0 auto; display: flex; align-items: center; gap: var(--s2); padding: 0 var(--s5) var(--s3); overflow-x: auto; scrollbar-width: none; }
.hx .gsx__rail::-webkit-scrollbar { display: none; }
.hx .gsx__railchips { display: flex; align-items: center; gap: var(--s2); }
.hx .gsx__railbtn { display: grid; place-items: center; flex: 0 0 auto; width: 34px; height: 34px; border: 0px; padding: 0px; border-radius: 10px; background: var(--petrol-050); color: var(--petrol-700); cursor: pointer; }
.hx .gsx__railbtn:hover { background: var(--petrol-100); }
.hx .gsx__railbtn .icon, .hx .gsx__railbtn svg { width: 18px; height: 18px; }
.hx .gsx__railsep { flex: 0 0 auto; width: 1px; height: 22px; background: var(--line); }
.hx .gsx-chip { position: relative; }
.hx .gsx-chip::after { content: ""; position: absolute; inset: -6px 0px; }
.hx .gsx-chip { flex: 0 0 auto; height: 32px; padding-inline: var(--s3); border: 1px solid var(--line-2); border-radius: var(--r-pill); background: var(--c-white); color: var(--ink-2); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: var(--fs-label); white-space: nowrap; cursor: pointer; transition: background var(--t-fast) var(--ease), color var(--t-fast) var(--ease),
              border-color var(--t-fast) var(--ease); }
.hx .gsx-chip:hover { border-color: var(--petrol-300); color: var(--ink); }
.hx .gsx-chip.is-on { background: var(--petrol-600); border-color: var(--petrol-600); color: var(--c-white); font-weight: 600; }
.hx .gsx-chip--tag.is-care { background: var(--tag-care-bg); border-color: var(--tag-care-line); color: var(--tag-care-ink); }
.hx .gsx-chip--tag.is-watch { background: var(--tag-watch-bg); border-color: var(--tag-watch-line); color: var(--tag-watch-ink); }
.hx .gsx-chip--tag.is-trait { background: var(--tag-trait-bg); border-color: var(--tag-trait-line); color: var(--tag-trait-ink); }
.hx .gsx-chip--tag.is-on { background: var(--petrol-600); border-color: var(--petrol-600); color: var(--c-white); }
.hx .gsx__body { flex: 1 0 0px; overflow-y: auto; padding-bottom: var(--s10); }
.hx .gsx-group__head { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); padding: 8px var(--s5); background: var(--petrol-050); color: var(--ink-2); font-size: var(--fs-label); font-weight: 600; }
.hx .gsx-group__all { border: 0px; padding: 0px; background: none; color: var(--petrol-600); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: var(--fs-label); font-weight: 600; cursor: pointer; }
.hx .gsx-group__all:hover { text-decoration: underline; }
.hx .gsx-row { display: flex; align-items: center; gap: var(--s3); width: 100%; padding: 12px var(--s5); border: 0px; background: none; font: inherit; text-align: left; cursor: pointer; }
.hx .gsx-row + .gsx-row { box-shadow: inset 0 1px 0 var(--line); }
.hx .gsx-row:hover, .hx .gsx-row.is-cursor { background: var(--petrol-050); }
.hx .gsx-row.is-cursor { box-shadow: inset 3px 0 0 var(--petrol-600); }
.hx .gsx-row__thumb { flex: 0 0 auto; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 12px; font-size: 18px; font-weight: 650; color: var(--c-white); }
.hx .gsx-row__thumb[data-tint="0"] { background: var(--thumb-tint-0); }
.hx .gsx-row__thumb[data-tint="1"] { background: var(--thumb-tint-1); }
.hx .gsx-row__thumb[data-tint="2"] { background: var(--thumb-tint-2); }
.hx .gsx-row__thumb[data-tint="3"] { background: var(--thumb-tint-3); }
.hx .gsx-row__thumb[data-tint="4"] { background: var(--thumb-tint-4); }
.hx .gsx-row__body { display: flex; flex-direction: column; gap: var(--s1); min-width: 0px; flex: 1 0 0px; }
.hx .gsx-mark { background: transparent; color: inherit; font-weight: 700; }
.hx .gsx-row__title { font-size: var(--fs-body); font-weight: 600; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .gsx-row__sub { font-size: var(--fs-label); color: var(--ink-2); }
.hx .gsx-row__sub.is-latin { font-style: italic; color: var(--ink-3); }
.hx .gsx-row__meta { font-size: var(--fs-micro); color: var(--ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .gsx-row__meta i { font-style: normal; padding-inline: var(--s1); opacity: 0.55; }
.hx .gsx-row__count { flex: 0 0 auto; font-size: var(--fs-metric-sm); font-weight: 650; color: var(--ink); font-variant-numeric: tabular-nums; }
.hx .gsx-row__go { flex: 0 0 auto; display: grid; place-items: center; color: var(--ink-4); }
.hx .gsx-row__go .icon { width: 18px; height: 18px; }
.hx .gsx-row__pills, .hx .gsx-row__tags { display: flex; flex-wrap: wrap; gap: var(--s1); margin-top: var(--s1); }
.hx .gsx-pill { padding: var(--s1) var(--s2); border-radius: 6px; font-size: var(--fs-micro); font-weight: 600; color: var(--petrol-800); font-variant-numeric: tabular-nums; }
.hx .gsx-pill.is-m { background: var(--c-ok); }
.hx .gsx-pill.is-f { background: var(--c-alert); }
.hx .gsx-pill.is-u { background: var(--c-warn); }
.hx .gsx-tagdot { padding: var(--s1) var(--s2); border-radius: var(--r-pill); font-size: var(--fs-micro); font-weight: 550; }
.hx .gsx-tagdot.is-care { background: var(--tag-care-bg); color: var(--tag-care-ink); }
.hx .gsx-tagdot.is-watch { background: var(--tag-watch-bg); color: var(--tag-watch-ink); }
.hx .gsx-tagdot.is-trait { background: var(--tag-trait-bg); color: var(--tag-trait-ink); }
.hx .gsx-recent { padding: var(--s3) var(--s5); }
.hx .gsx-recent__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--s3); font-size: var(--fs-body); font-weight: 600; color: var(--ink); }
.hx .gsx-recent__clear { border: 0px; padding: 0px; background: none; color: var(--petrol-600); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: var(--fs-label); font-weight: 600; cursor: pointer; }
.hx .gsx-recent__clear:hover { text-decoration: underline; }
.hx .gsx-recent__chips { display: flex; flex-wrap: wrap; gap: var(--s2); }
.hx .gsx-recent__chip { display: inline-flex; align-items: center; gap: var(--s2); height: 36px; padding-inline: var(--s3); border: 1px solid var(--line-2); border-radius: var(--r-pill); background: var(--c-white); color: var(--ink); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: var(--fs-label); cursor: pointer; }
.hx .gsx-recent__chip:hover { border-color: var(--petrol-300); background: var(--petrol-050); }
.hx .gsx-recent__clock { position: relative; flex: 0 0 auto; width: 13px; height: 13px; border: 1.5px solid var(--ink-4); border-radius: 50%; }
.hx .gsx-recent__clock::before { content: ""; position: absolute; left: 50%; top: 2px; width: 1.5px; height: 4.5px; background: var(--ink-4); transform-origin: center bottom; translate: -50%; }
.hx .gsx-empty { display: flex; flex-direction: column; gap: var(--s1); padding: var(--s6) var(--s5); }
.hx .gsx-empty__title { font-size: var(--fs-body); font-weight: 600; color: var(--ink); }
.hx .gsx-empty__note { font-size: var(--fs-label); color: var(--ink-2); max-width: 52ch; }
.hx .scrim.gsx-scrim { z-index: calc(var(--z-sheet) + 1); }
.hx .gsx-sheet { position: fixed; z-index: calc(var(--z-sheet) + 2); left: 0px; right: 0px; bottom: 0px; margin-inline: auto; width: min(460px, 100%); max-height: 88dvh; display: flex; flex-direction: column; border-radius: var(--r-sheet) var(--r-sheet) 0 0; background: linear-gradient(180deg, var(--c-white) 0%, var(--surface-tint) 100%); box-shadow: rgba(10, 38, 44, 0.34) 0px -8px 60px -12px; transform: translateY(100%); transition: transform var(--t-sheet) var(--ease-sheet); }
.hx .gsx-sheet.is-open { transform: translateY(0px); }
.hx .gsx-sheet[hidden] { display: none !important; }
.hx .gsx-sheet__head { flex: 0 0 auto; display: flex; align-items: flex-start; justify-content: space-between; gap: var(--s3); padding: var(--s6) var(--s5) var(--s4); box-shadow: inset 0 -1px 0 var(--line); }
.hx .gsx-sheet__titles { display: flex; flex-direction: column; gap: var(--s1); }
.hx .gsx-sheet__title { margin: 0px; font-size: var(--fs-title); font-weight: 600; color: var(--ink); }
.hx .gsx-sheet__note { font-size: var(--fs-label); color: var(--ink-2); }
.hx .gsx-sheet__close { position: relative; }
.hx .gsx-sheet__close::after { content: ""; position: absolute; inset: -6px; }
.hx .gsx-sheet__close { display: grid; place-items: center; width: 32px; height: 32px; border: 0px; padding: 0px; border-radius: var(--r-pill); background: none; color: var(--ink-3); cursor: pointer; }
.hx .gsx-sheet__close:hover { background: var(--petrol-050); color: var(--ink); }
.hx .gsx-sheet__close .icon { width: 18px; height: 18px; }
.hx .gsx-sheet__body { flex: 0 1 auto; overflow-y: auto; padding: var(--s4) var(--s5); }
.hx .gsx-sheet__foot { flex: 0 0 auto; display: flex; gap: var(--s3); padding: var(--s4) var(--s5) var(--s6); box-shadow: inset 0 1px 0 var(--line); }
.hx .gsx-btn { flex: 1 0 0px; height: 48px; border: 0px; border-radius: 12px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: var(--fs-body); font-weight: 600; cursor: pointer; }
.hx .gsx-btn--go { background: var(--c-primary-ink); color: var(--c-white); }
.hx .gsx-btn--go:hover { background: rgb(25, 105, 58); }
.hx .gsx-btn--ghost { background: var(--c-white); color: var(--c-primary-ink); box-shadow: rgb(169, 217, 188) 0px 0px 0px 1px inset; }
.hx .gsx-btn--ghost:hover { background: rgb(242, 251, 245); }
.hx .gsx-opts { display: flex; flex-direction: column; gap: var(--s2); }
.hx .gsx-opt { display: flex; align-items: center; gap: var(--s3); padding: var(--s4); border: 1px solid var(--line); border-radius: 12px; background: var(--petrol-050); color: var(--ink); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: var(--fs-body); text-align: left; cursor: pointer; transition: background var(--t-fast) var(--ease), color var(--t-fast) var(--ease); }
.hx .gsx-opt__label { flex: 1 0 0px; }
.hx .gsx-opt__label b { font-weight: 700; }
.hx .gsx-opt__none { font-size: var(--fs-micro); color: var(--ink-3); }
.hx .gsx-opt__dot { flex: 0 0 auto; width: 18px; height: 18px; border: 2px solid var(--ink-4); border-radius: 50%; }
.hx .gsx-opt:hover { background: var(--petrol-100); }
.hx .gsx-opt.is-on { background: var(--petrol-800); border-color: var(--petrol-800); color: var(--c-white); }
.hx .gsx-opt.is-on .gsx-opt__none { color: rgba(255, 255, 255, 0.62); }
.hx .gsx-opt.is-on .gsx-opt__dot { border-color: var(--gsx-dot-on); box-shadow: inset 0 0 0 3px var(--petrol-800), inset 0 0 0 9px var(--gsx-dot-on); }
.hx .gsx-tabs { display: flex; gap: var(--s3); margin-bottom: var(--s4); }
.hx .gsx-tab { flex: 1 0 0px; height: 42px; border: 0px; border-radius: 8px; background: rgb(234, 246, 238); color: var(--ink-2); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: var(--fs-body); cursor: pointer; transition: background var(--t-fast) var(--ease), color var(--t-fast) var(--ease); }
.hx .gsx-tab.is-on { background: var(--c-primary-ink); color: var(--c-white); font-weight: 600; }
.hx .gsx-tagsearch { position: relative; margin-bottom: var(--s4); }
.hx .gsx-tagsearch .icon { position: absolute; left: 14px; top: 50%; translate: 0px -50%; width: 18px; height: 18px; color: var(--ink-3); pointer-events: none; }
.hx .gsx-tagsearch input { width: 100%; height: 48px; padding: 0 var(--s4) 0 42px; border: 0px; border-radius: 10px; background: rgb(239, 242, 242); color: var(--ink); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: var(--fs-body); }
.hx .gsx-tagsearch input:focus { outline: 2px solid var(--petrol-300); outline-offset: -2px; }
.hx .gsx-tagsearch input::placeholder { color: var(--ink-3); }
.hx .gsx-tagbox { padding: var(--s4); border: 1px solid var(--line); border-radius: 14px; background: var(--c-white); }
.hx .gsx-tagbox__head { display: flex; align-items: center; gap: 8px; margin-bottom: var(--s3); color: var(--ink); font-size: var(--fs-body); font-weight: 600; }
.hx .gsx-tagbox__head svg { width: 20px; height: 20px; color: var(--ink-2); }
.hx .gsx-tagbox__list { display: flex; flex-wrap: wrap; gap: 12px 8px; }
.hx .gsx-tagbox__none { margin: 0px; font-size: var(--fs-label); color: var(--ink-3); }
.hx .gsx-tag { position: relative; }
.hx .gsx-tag::after { content: ""; position: absolute; inset: -6px 0px; }
.hx .gsx-tag { display: inline-flex; align-items: center; gap: var(--s2); height: 32px; padding-inline: var(--s3); border: 0px; border-radius: var(--r-pill); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: var(--fs-label); cursor: pointer; transition: background var(--t-fast) var(--ease), color var(--t-fast) var(--ease); }
.hx .gsx-tag.is-care { background: var(--tag-care-bg); color: var(--tag-care-ink); }
.hx .gsx-tag.is-watch { background: var(--tag-watch-bg); color: var(--tag-watch-ink); }
.hx .gsx-tag.is-trait { background: var(--tag-trait-bg); color: var(--tag-trait-ink); }
.hx .gsx-tag.is-on { background: rgb(207, 240, 218); color: rgb(27, 107, 58); font-weight: 600; }
.hx .gsx-tag__tick { display: grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; background: var(--c-primary-ink); color: var(--c-white); }
.hx .gsx-tag__tick .icon { width: 11px; height: 11px; }
.hx .gsx-sheet { width: min(720px, 100%); }
.hx .gsx-sheet__head, .hx .gsx-sheet__body { padding-inline: var(--s6); }
.hx .gsx-sheet__foot { padding-inline: var(--s6); justify-content: flex-end; }
.hx .gsx-btn { flex: 0 0 auto; min-width: 168px; padding-inline: var(--s7); }
.hx .gsx-opts { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--s2) var(--s3); }
.hx .gsx-sheet--tags .gsx-sheet__body { display: grid; grid-template-columns: auto minmax(0px, 1fr); grid-template-areas: "tabs search" "box box"; align-items: start; gap: var(--s4); }
.hx .gsx-sheet--tags .gsx-tabs { grid-area: tabs; margin-bottom: 0px; }
.hx .gsx-sheet--tags .gsx-tagsearch { grid-area: search; margin-bottom: 0px; }
.hx .gsx-sheet--tags .gsx-tagbox { grid-area: box; }
.hx .gsx-tab { flex: 0 0 auto; min-width: 152px; height: 48px; }
.hx .gsx__rail[data-rail="tag"] { box-shadow: inset 0 -1px 0 var(--line); padding-bottom: var(--s4); }
.hx .gsx__body { padding-top: var(--s2); }
.hx .gsx-recent { padding-top: var(--s4); }
.hx .gsx__keys { flex: 0 0 auto; display: flex; align-items: center; gap: var(--s6); padding: var(--s3) var(--s5); box-shadow: inset 0 1px 0 var(--line); background: rgb(250, 252, 252); }
.hx .gsx__key { display: inline-flex; align-items: center; gap: var(--s2); font-size: var(--fs-label); color: var(--ink-2); }
.hx .gsx__key kbd { display: grid; place-items: center; min-width: 24px; height: 24px; padding-inline: var(--s1); border-radius: 7px; background: var(--c-white); box-shadow: 0 1px 0 rgba(31, 65, 91, .10), inset 0 0 0 1px var(--line-2); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: var(--fs-micro); color: var(--ink-2); line-height: 1; }
.hx .gsx__key kbd.is-word { font-weight: 600; letter-spacing: 0.02em; }
.hx.is-searching { overflow: hidden; }
.hx .main-frame { position: relative; z-index: 1; display: flex; flex-direction: column; gap: var(--s4); padding: var(--s6) var(--pad-page) 0; }
.hx .hero { position: relative; display: flex; flex-direction: column; justify-content: space-between; height: var(--grid-row); padding: 20px 32px; border-radius: 24px; overflow: hidden; box-shadow: var(--shadow-hero); border: none; width: 100%; text-align: left; cursor: pointer; isolation: isolate; font: inherit; color: inherit; text-decoration: none; margin-bottom: var(--grid-gap); }
.hx .hero__media { position: absolute; inset: 0px; z-index: 0; background-image: url("assets/hx/img/hero-banner.jpg"); background-size: cover; background-position: 50% 82%; background-repeat: no-repeat; transition: transform var(--t-slow) var(--ease-out); }
.hx .hero__scrim { position: absolute; inset: 0px; z-index: 1; background: rgba(0, 0, 0, 0.4); }
.hx .hero__veil { position: absolute; inset: 0px; z-index: 1; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 54%); }
.hx .hero__row { position: relative; z-index: 2; display: flex; align-items: center; width: 100%; min-width: 0px; }
.hx .hero__row--top { justify-content: flex-end; }
.hx .hero__row--foot { padding-right: var(--s8); }
.hx .hero__mark { flex: 0 0 auto; display: grid; place-items: center; width: 60px; height: 60px; }
.hx .hero__mark img { display: block; width: 60px; height: 60px; }
.hx .hero__title { flex: 1 0 0px; min-width: 0px; font-family: 'Host Grotesk', var(--font); font-size: clamp(24px, 3.4vw, 36px); font-weight: 600; letter-spacing: 0.88px; line-height: normal; color: var(--on-dark); }
.hx .hero__titles { flex: 1 0 0px; min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
.hx .hero__titles .hero__title { flex: 0 0 auto; }
.hx .hero__sub { display: none; }
.hx .hero-stage { --t-deck: 560ms; --ease-deck: cubic-bezier(.22, .61, .36, 1); --hero-dwell: 6000ms; --peek-1: 4px; --scale-1: .909; --peek-2: 10px; --scale-2: .795; --ann-h: 264px; --ann-media: 365px; --fact-media: 300px; position: relative; height: var(--ann-h); margin-bottom: var(--s6); touch-action: pan-y; user-select: none; }
.hx .hero-stage::before { content: ""; position: absolute; z-index: -1; top: calc(var(--s6) * -1); bottom: calc(var(--s6) * -1); left: calc(var(--pad-page) * -1); right: calc(var(--pad-page) * -1); border-radius: 0px 0px 32px 32px; background: linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(0, 127, 127, 0.1) 100%); pointer-events: none; }
.hx .hero-stage__deck { position: absolute; inset: 0px; }
.hx .hero-stage img { -webkit-user-drag: none; }
.hx .hero-stage .hero { position: absolute; inset: 0px; height: 100%; margin: 0px; transform-origin: 100% 50%; will-change: transform, opacity; transition: transform var(--t-deck) var(--ease-deck), opacity var(--t-deck) var(--ease-deck); }
.hx .hero-stage .hero[data-pos="0"] { transform: translateX(0px) scale(1); opacity: 1; z-index: 3; }
.hx .hero-stage .hero[data-pos="1"] { transform: translateX(var(--peek-1)) scale(var(--scale-1)); opacity: 1; z-index: 2; box-shadow: rgba(76, 78, 100, 0.1) 0px 1.8px 9px 0px; }
.hx .hero-stage .hero[data-pos="2"] { transform: translateX(var(--peek-2)) scale(var(--scale-2)); opacity: 1; z-index: 1; box-shadow: rgba(76, 78, 100, 0.1) 0px 1.8px 9px 0px; }
.hx .hero-stage .hero[data-pos="hidden"] { transform: translateX(var(--peek-2)) scale(var(--scale-2)); opacity: 0; z-index: 0; pointer-events: none; transition: opacity var(--t-deck) var(--ease-deck); }
.hx .hero-stage .hero[data-pos="gone"] { transform: translateX(-55%) scale(0.96); opacity: 0; z-index: 4; pointer-events: none; }
.hx .hero-stage.is-dragging .hero { transition: none; }
.hx .hero-stage .hero[data-pos]:not([data-pos="0"]) .hero__media { transform: none; }
.hx .hero-stage__dwell { position: absolute; left: 0px; bottom: 0px; width: 1px; height: 1px; opacity: 0; pointer-events: none; transform-origin: 0px 50%; transform: scaleX(0); animation: hero-dot-fill var(--hero-dwell) linear forwards; }
.hx .hero-stage.is-dragging .hero-stage__dwell, .hx .hero-stage:focus-visible .hero-stage__dwell, .hx .hero-stage:has(:focus-visible) .hero-stage__dwell, .hx.is-hidden .hero-stage__dwell { animation-play-state: paused; }
.hx .hero-stage:focus-visible { outline: 2px solid var(--c-add-primary); outline-offset: 4px; border-radius: 32px; }
.hx .hero-dots { position: absolute; left: calc(var(--ann-media) / 2); bottom: 10px; translate: -50%; z-index: 5; display: flex; align-items: center; gap: 6px; padding: 5px 8px; border-radius: var(--r-pill); background: rgba(22, 55, 61, 0.28); backdrop-filter: blur(8px); }
.hx .hero-dot { position: relative; width: 6px; height: 6px; padding: 0px; border: none; border-radius: var(--r-pill); background: rgba(255, 255, 255, 0.55); overflow: hidden; cursor: pointer; transition: width var(--t-base) var(--ease), background var(--t-base) var(--ease); }
.hx .hero-dot::before { content: ""; position: absolute; inset: -12px -6px; }
.hx .hero-dot[aria-selected="true"] { width: 22px; background: rgba(255, 255, 255, 0.35); }
.hx .hero-dot[aria-selected="true"]::after { content: ""; position: absolute; inset: 0px; border-radius: inherit; background: var(--c-white); transform-origin: 0px 50%; transform: scaleX(0); animation: hero-dot-fill var(--hero-dwell) linear forwards; }
@keyframes hero-dot-fill { 
  100% { transform: scaleX(1); }
}
.hx .hero-stage.is-dragging .hero-dot::after, .hx .hero-stage:focus-within .hero-dot::after, .hx.is-hidden .hero-dot::after { animation-play-state: paused; }
.hx .hero-stage .hero--slide { display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; padding: 4px; border-radius: 32px; background: var(--c-white); color: var(--c-on-surface-var, #44544A); box-shadow: rgba(76, 78, 100, 0.05) 0px 2px 10px 0px; cursor: default; }
.hx .ann__panel { flex: 1 1 auto; min-width: 0px; display: flex; align-items: center; padding: 16px; border-radius: 30px 0px 0px 30px; background: linear-gradient(-72deg, rgba(0, 175, 214, 0.1) 3.9%, rgba(55, 189, 105, 0.1) 108%); }
.hx .hero--slide.no-photo .ann__panel { border-radius: 30px; }
.hx .hero--slide[data-tone="important"] .ann__panel { background: linear-gradient(108deg, rgba(233, 51, 83, 0.1) 1.5%, rgba(250, 97, 64, 0.1) 96.9%); }
.hx .ann__copy { display: flex; flex-direction: column; gap: 16px; min-width: 0px; max-width: 531px; }
.hx .hero--slide.no-photo .ann__copy { max-width: none; flex: 1 1 auto; }
.hx .ann__chip { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; padding: 2px 12px 2px 2px; border-radius: var(--r-pill); background: rgba(55, 189, 105, 0.1); font-size: 12px; font-weight: 600; letter-spacing: 0px; text-transform: uppercase; color: var(--c-on-surface-var, #44544A); }
.hx .hero--slide[data-tone="important"] .ann__chip { background: rgba(233, 51, 83, 0.1); }
.hx .ann__chip img { display: block; width: 32px; height: 32px; }
.hx .ann__text { display: flex; flex-direction: column; gap: 8px; min-width: 0px; }
.hx .ann__title { font-size: 24px; line-height: normal; font-weight: 500; letter-spacing: 0px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hx .hero--slide[data-tone="important"] .ann__title { background-image: linear-gradient(143deg, var(--pri-critical-ink) 1.5%, var(--c-tertiary) 96.9%); }
.hx .ann__body { font-size: 16px; line-height: 24px; color: var(--c-on-surface-var, #44544A); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.hx .ann__meta { display: flex; align-items: center; gap: 0px; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; color: var(--c-neutral-2, #7A8684); white-space: nowrap; overflow: hidden; }
.hx .ann__photo { position: relative; flex: 0 0 auto; width: var(--ann-media); border-radius: 0px 28px 28px 0px; overflow: hidden; }
.hx .ann__photo > img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.hx .ann__like { position: absolute; right: 17px; bottom: 16px; z-index: 1; width: 52px; height: 52px; padding: 0px; border: none; border-radius: 18px; display: grid; place-items: center; background: rgba(255, 255, 255, 0.25); box-shadow: rgba(0, 0, 0, 0.05) 0px 1.6px 13px 0px; backdrop-filter: blur(6px); cursor: pointer; }
.hx .ann__like img { display: block; width: 24px; height: 24px; }
.hx .hero--slide.no-photo .ann__like { background: rgba(255, 255, 255, 0.5); }
.hx .ann__like:hover { background: rgba(255, 255, 255, 0.4); }
.hx .hero--slide.no-photo .ann__like:hover { background: rgba(255, 255, 255, 0.7); }
.hx .ann__like:active { transform: scale(0.96); }
.hx .hero-stage .hero--fact { color: var(--on-dark); }
.hx .fact__photo { position: relative; flex: 0 0 auto; width: var(--fact-media); border-radius: 28px 0px 0px 28px; overflow: hidden; }
.hx .fact__photo > img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.hx .fact__panel { flex: 1 1 auto; min-width: 0px; display: flex; align-items: center; padding: var(--s4) var(--s5); border-radius: 0px 30px 30px 0px; background: linear-gradient(-72deg, var(--petrol-900) 3.9%, var(--petrol-700) 108%); }
.hx .hero--fact.no-photo .fact__panel { border-radius: 30px; }
.hx .fact__copy { display: flex; flex-direction: column; gap: var(--s4); min-width: 0px; max-width: 560px; }
.hx .hero--fact.no-photo .fact__copy { max-width: none; flex: 1 1 auto; }
.hx .fact__chip { align-self: flex-start; display: inline-flex; align-items: center; gap: var(--s2); padding: var(--s1) var(--s3); border-radius: var(--r-pill); border: 1px solid rgba(255, 255, 255, 0.28); font-size: 12px; font-weight: 600; letter-spacing: 0.6px; text-transform: uppercase; color: var(--c-secondary); }
.hx .fact__chip .icon { width: 18px; height: 18px; }
.hx .fact__title { font-size: 26px; line-height: 34px; font-weight: 500; letter-spacing: -0.01em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hx .fact__text { display: flex; flex-direction: column; gap: var(--s2); min-width: 0px; }
.hx .fact__body { font-size: 15px; line-height: 22px; opacity: 0.82; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hx .fact__source { display: flex; align-items: baseline; gap: var(--s2); min-width: 0px; padding-top: var(--s3); border-top: 1px solid rgba(255, 255, 255, 0.18); white-space: nowrap; overflow: hidden; }
.hx .fact__species { font-size: 14px; font-weight: 600; letter-spacing: 0.1px; }
.hx .fact__latin { font-family: Georgia, serif; font-style: italic; font-size: 14px; color: var(--c-secondary); overflow: hidden; text-overflow: ellipsis; }
.hx .hero-slide__media { position: relative; overflow: hidden; min-width: 0px; }
.hx .hero-slide__copy { display: flex; flex-direction: column; gap: 6px; min-width: 0px; padding: 16px 20px; }
.hx .hero-slide__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.hx .hero-chip { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--c-primary-ink); }
.hx .hero-chip .icon { width: 14px; height: 14px; }
.hx .hero-chip--ins { color: var(--petrol-800); }
.hx .hero-chip--on-dark { color: var(--c-white); }
.hx .hero-slide__ago { font-size: 12px; font-weight: 500; color: var(--ink-3); white-space: nowrap; }
.hx .hero-slide__title { font-size: 22px; line-height: 1.2; font-weight: 700; letter-spacing: -0.015em; color: var(--ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hx .hero-slide__text { font-size: 14px; line-height: 1.45; color: var(--ink-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hx .hero-slide__foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0px; }
.hx .hero-slide__meta { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ink-2); white-space: nowrap; overflow: hidden; min-width: 0px; }
.hx .hero-slide__meta b { font-weight: 600; color: var(--ink); overflow: hidden; text-overflow: ellipsis; }
.hx .hero-slide__avatar { width: 24px; height: 24px; border-radius: 50%; background: linear-gradient(135deg, rgb(247, 198, 163), rgb(232, 134, 91)); flex: 0 0 auto; }
.hx .hero-slide__stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 14px 10px 14px 16px; background: linear-gradient(160deg, var(--surface-tint), var(--surface-sel)); }
.hx .hero-stat { border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-width: 0px; }
.hx .hero-stat--nat { background: rgb(224, 246, 245); }
.hx .hero-stat--mor { background: rgb(253, 236, 234); }
.hx .hero-stat b { font-size: 30px; line-height: 1; font-weight: 700; font-variant-numeric: tabular-nums; }
.hx .hero-stat--nat b { color: var(--c-add-primary); }
.hx .hero-stat--mor b { color: rgb(228, 67, 46); }
.hx .hero-stat span { font-size: 12px; color: var(--ink-2); }
.hx .hero-stage .hero--note { display: grid; grid-template-columns: 38% minmax(0px, 1fr); padding: 0px; border-radius: 24px; background: linear-gradient(118deg, var(--note-sky-lo) 0%, var(--note-sky-hi) 100%); color: var(--c-white); }
.hx .hero-stage .hero--insight { display: grid; grid-template-columns: 38% minmax(0px, 1fr); padding: 0px; border-radius: 24px; }
.hx .hero--note .hero-chip, .hx .hero--note .hero-slide__title, .hx .hero--note .hero-slide__ago, .hx .hero--note .hero-slide__meta, .hx .hero--note .hero-slide__meta b, .hx .hero--note .hero-slide__text { color: var(--c-white); }
.hx .hero-slide__tags { display: flex; flex-direction: column; justify-content: flex-end; gap: 8px; padding: 16px; }
.hx .hero-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.hx .hero-tags span { height: 24px; padding: 0px 9px; border-radius: var(--r-pill); background: rgba(255, 255, 255, 0.2); display: inline-flex; align-items: center; font-size: 12px; font-weight: 500; }
.hx .hero-site { display: flex; align-items: center; gap: 8px; }
.hx .hero-site__a { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; background: rgba(255, 255, 255, 0.28); display: grid; place-items: center; font-family: Georgia, serif; font-style: italic; font-size: 15px; }
.hx .hero-site b { display: block; font-size: 13px; font-weight: 600; }
.hx .hero-site small { display: block; font-size: 11px; opacity: 0.9; }
.hx .hero-slide__bang { position: absolute; right: 12px; top: 12px; width: 28px; height: 28px; border-radius: 8px; background: rgba(255, 255, 255, 0.9); color: var(--note-sky-hi); display: grid; place-items: center; font-weight: 700; font-size: 16px; }
.hx .obs-band { margin-top: 48px; margin-bottom: 22px; --obs-shadow: 0 1px 3px rgba(31, 65, 91, .06), 0 8px 24px -10px rgba(31, 65, 91, .14); --obs-shadow-lift: 0 4px 10px rgba(31, 65, 91, .10), 0 26px 56px -18px rgba(31, 65, 91, .32); }
.hx .obs-head { display: flex; align-items: center; justify-content: space-between; gap: var(--s4); height: 29px; margin-bottom: 8px; }
.hx .obs-head__title { font-size: 24px; font-weight: 500; line-height: 29px; letter-spacing: 0px; color: var(--c-on-surface-var, #44544A); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0px; }
.hx .obs-head__all { position: relative; flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; height: 20px; padding: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 16px; font-weight: 500; line-height: 20px; color: var(--c-action-ink); cursor: pointer; }
.hx .obs-head__all::after { content: ""; position: absolute; inset: -12px -10px; }
.hx .obs-head__all img { display: block; width: 20px; height: 20px; }
.hx .obs-rail { display: flex; align-items: stretch; gap: 20px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x; padding: 8px var(--pad-page) 22px 10px; margin-right: calc(var(--pad-page) * -1); margin-left: -10px; scroll-padding-left: 10px; scrollbar-width: none; }
.hx .obs-rail::-webkit-scrollbar { display: none; }
.hx .obs { --obs-w: 320px; flex: 0 0 auto; width: var(--obs-w); scroll-snap-align: start; display: flex; flex-direction: column; border-radius: 20px; background: var(--c-white); box-shadow: var(--obs-shadow); overflow: hidden; transition: box-shadow .25s var(--ease), transform .25s var(--ease); }
.hx .obs[data-priority="critical"] { --obs-slab: var(--pri-critical-slab); --obs-badge: var(--pri-critical-badge); --obs-glyph: var(--pri-critical-ink); }
.hx .obs[data-priority="high"] { --obs-slab: var(--pri-high-slab); --obs-badge: var(--pri-high-badge); --obs-glyph: var(--c-tertiary); }
.hx .obs[data-priority="moderate"] { --obs-slab: var(--pri-moderate-slab); --obs-badge: var(--pri-moderate-badge); --obs-glyph: var(--pri-moderate-ink); }
.hx .obs[data-priority="low"] { --obs-slab: var(--pri-low-slab); --obs-badge: var(--pri-low-badge); --obs-glyph: var(--c-secondary); }
.hx .obs__media { position: relative; flex: 0 0 auto; aspect-ratio: 4 / 3; background: var(--surface-load); overflow: hidden; }
.hx .obs__photo { position: absolute; inset: 0px; display: block; width: 100%; height: 100%; object-fit: cover; }
.hx .obs__flat { position: absolute; inset: 0px; background: var(--obs-slab); color: var(--c-white); }
.hx .obs[data-priority="critical"] .obs__flat, .hx .obs[data-priority="moderate"] .obs__flat, .hx .obs[data-priority="low"] .obs__flat { background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), var(--obs-slab); }
.hx .obs__glow { position: absolute; top: 38%; right: -52%; width: 175%; height: 108%; background: url("assets/hx/icon/obs-glow.svg") 0px 0px / 100% 100% no-repeat; pointer-events: none; }
.hx .obs__flat-txt { position: absolute; left: 16px; right: 16px; top: 54px; }
.hx .obs__kind { font-size: 11.5px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; opacity: 0.85; }
.hx .obs__pri { position: absolute; z-index: 2; top: 12px; right: 12px; display: grid; place-items: center; width: 30px; height: 30px; padding: 3px; border-radius: 100px; background: var(--obs-badge); box-shadow: rgba(31, 65, 91, 0.16) 0px 1px 3px; }
.hx .obs__pri-ico { display: grid; place-items: center; width: 24px; height: 24px; }
.hx .obs__pri-ico img { display: block; width: 24px; height: 24px; }
.hx .obs__pri-ico span { font-size: 18px; font-weight: 600; line-height: 1; letter-spacing: -0.4px; color: var(--obs-glyph); }
.hx .obs__strip { position: absolute; z-index: 2; left: 0px; right: 0px; bottom: 0px; padding: 10px 12px; }
.hx .obs__entity { display: flex; align-items: center; gap: 12px; min-width: 0px; padding: 8px 10px; border-radius: 12px; background: rgba(255, 255, 255, 0.66); backdrop-filter: blur(14px) saturate(1.3); box-shadow: rgba(31, 65, 91, 0.1) 0px 1px 2px, rgba(31, 65, 91, 0.35) 0px 8px 20px -12px; }
.hx .obs__thumb { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 5px; object-fit: cover; display: block; background: rgba(31, 65, 91, 0.06); }
.hx .obs__ident { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
.hx .obs__aaid { font-size: 14px; font-weight: 500; letter-spacing: 0.1px; color: var(--c-on-secondary-ctr); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .obs__aname { font-size: 14px; color: var(--c-on-secondary-ctr); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .obs__more { flex: 0 0 auto; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; color: var(--c-on-secondary-ctr); }
.hx .obs__body { flex: 0 0 auto; display: flex; flex-direction: column; gap: 8px; padding: 14px 16px 12px; }
.hx .obs__title-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.hx .obs__title { font-size: 17px; font-weight: 600; line-height: 22px; letter-spacing: -0.01em; color: var(--c-on-secondary-ctr); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0px; }
.hx .obs__date { flex: 0 0 auto; font-family: var(--font-num); font-size: 13px; color: var(--c-neutral-2, #7A8684); }
.hx .obs__tags { display: flex; flex-wrap: wrap; gap: 0px 6px; font-size: 13px; color: var(--c-neutral-2, #7A8684); }
.hx .obs__tags span { white-space: nowrap; }
.hx .obs__note { font-size: 14px; line-height: 21px; color: var(--c-on-surface-var, #44544A); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.hx .obs__actions { flex: 0 0 auto; margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 16px 12px; border-top: 1px solid var(--surface-load); background: var(--c-white); font-size: 13px; color: var(--c-on-surface-var, #44544A); }
.hx .obs__who { display: flex; align-items: center; gap: 8px; min-width: 0px; }
.hx .obs__av { flex: 0 0 auto; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: rgb(225, 240, 234); color: var(--c-on-primary-ctr); font-size: 10px; font-weight: 600; }
.hx .obs__by { font-weight: 500; color: var(--c-on-secondary-ctr); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .obs__acts { flex: 0 0 auto; display: flex; align-items: center; gap: 12px; }
.hx .obs__act { position: relative; display: inline-flex; align-items: center; gap: 4px; padding: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-family: var(--font-num); font-size: 13px; font-weight: 500; color: inherit; cursor: pointer; }
.hx .obs__act::after { content: ""; position: absolute; inset: -13px -6px; }
.hx .obs__ico { position: relative; flex: 0 0 auto; display: grid; place-items: center; width: 18px; height: 18px; }
.hx .obs__ico img { display: block; width: 18px; height: 18px; opacity: 0.85; }
.hx .obs__act--save { margin-left: 4px; }
.hx .obs__act--save .obs__ico { width: 24px; height: 24px; }
.hx .obs__act--save .obs__ico img { width: 20px; height: 20px; }
.hx .obs__act b { font: inherit; color: inherit; min-width: 12px; text-align: left; }
.hx .obs__count { position: relative; display: inline-block; min-width: 12px; }
.hx .obs__count b { display: block; }
.hx .obs__act[aria-pressed="true"] b { color: var(--c-action-ink); }
.hx .obs__act[aria-pressed="true"] .obs__ico img { opacity: 1; }
.hx .rx-ring, .hx .rx-dot { position: absolute; left: 50%; top: 50%; pointer-events: none; border-radius: 50%; }
.hx .rx-ring { width: 30px; height: 30px; border: 2px solid var(--rx, var(--c-action-ink)); }
.hx .rx-dot { width: 4px; height: 4px; background: var(--rx, var(--c-action-ink)); }
.hx .rx-ghost { position: absolute; left: 0px; top: 0px; pointer-events: none; }
.hx .life-band { margin: 6px 0px 44px; }
.hx .life-band[hidden] { display: none; }
.hx .life-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px; padding-top: 8px; }
.hx .life-card { display: flex; flex-direction: column; min-width: 0px; padding: 22px 24px 18px; border-radius: 20px; background: var(--c-white); box-shadow: var(--shadow-card); }
.hx .life-card__title { margin: 0px 0px 14px; font-size: 20px; font-weight: 600; line-height: 24px; letter-spacing: -0.01em; color: var(--ink); }
.hx .life-card__span { font-weight: 500; color: var(--ink-mute); }
.hx .life-chips { display: flex; flex-wrap: nowrap; gap: 6px; margin-bottom: 14px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; padding-bottom: 2px; }
.hx .life-chips::-webkit-scrollbar { display: none; }
.hx .life-chip { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0px 10px; border: 0px; border-radius: var(--r-pill); background: rgb(240, 243, 241); color: var(--ink-head); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: var(--fs-micro); font-weight: 500; line-height: 1; cursor: pointer; }
.hx .life-chip b { font-weight: 600; color: inherit; font-family: var(--font-num); }
.hx .life-chip[aria-pressed="true"] { background: var(--c-action-ink); color: var(--c-white); }
.hx .life-chip:disabled { opacity: 0.45; cursor: default; }
.hx .life-chip:focus-visible { outline: 2px solid var(--c-action-ink); outline-offset: 2px; }
.hx .life-cols { display: flex; justify-content: space-between; padding: 0px 0px 8px 34px; border-bottom: 1px solid rgba(31, 65, 91, 0.1); font-size: var(--fs-micro); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-mute); }
.hx .life-list { list-style: none; margin: 0px; padding: 0px; max-height: 372px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; }
.hx .life-list::-webkit-scrollbar { display: none; }
.hx .life-row { display: flex; align-items: center; gap: 12px; min-height: 62px; padding: 8px 0px; border-bottom: 1px solid rgba(31, 65, 91, 0.08); }
.hx .life-row:last-child { border-bottom: 0px; }
.hx .life-row__rank { flex: 0 0 auto; width: 22px; text-align: center; font-family: var(--font-num); font-weight: 600; color: var(--ink-mute); }
.hx .life-row__who { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; gap: 3px; }
.hx .life-row__name { font-size: var(--fs-body); font-weight: 500; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .life-row__sub { font-size: var(--fs-micro); color: var(--ink-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .life-row__val { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; text-align: right; }
.hx .life-row__val b { font-family: var(--font-num); font-size: var(--fs-metric-sm); font-weight: 700; line-height: 1; color: var(--ink); white-space: nowrap; }
.hx .life-row__note { font-size: var(--fs-micro); color: var(--ink-mute); }
.hx .life-row--none { justify-content: center; color: var(--ink-mute); font-size: var(--fs-label); }
.hx .life-table { width: 100%; border-collapse: collapse; font-size: var(--fs-body); }
.hx .life-table th, .hx .life-table td { padding: 14px 0px; text-align: right; font-weight: 400; }
.hx .life-table th:first-child, .hx .life-table td:first-child { text-align: left; }
.hx .life-table thead th { padding-top: 4px; padding-bottom: 8px; font-size: var(--fs-micro); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-mute); }
.hx .life-table thead th abbr { text-decoration: none; }
.hx .life-table tbody th { color: var(--ink-head); }
.hx .life-table td { font-family: var(--font-num); font-variant-numeric: tabular-nums; color: var(--ink); }
.hx .life-table td.is-zero { color: var(--ink-mute); }
.hx .life-table td.is-flag { color: var(--c-tertiary); font-weight: 600; }
.hx .life-row__val.is-late b { color: var(--c-tertiary); }
.hx .life-table tbody th small { display: block; font-size: var(--fs-micro); font-weight: 400; color: var(--ink-mute); }
.hx .life-table tfoot tr { border-top: 1px solid rgba(31, 65, 91, 0.12); }
.hx .life-table--share { font-size: var(--fs-label); }
.hx .life-table--share td { padding-left: 8px; }
.hx .life-table--share td small, .hx .life-table--share th small { display: block; font-family: var(--font); font-size: 11px; font-weight: 400; line-height: 1.2; letter-spacing: -0.01em; color: var(--ink-mute); margin-top: 3px; }
.hx .life-table--share tbody th, .hx .life-table--share tbody td { padding-top: 10px; padding-bottom: 10px; vertical-align: top; }
.hx .life-table--share tfoot td { font-size: var(--fs-label); }
.hx .life-table tfoot th, .hx .life-table tfoot td { font-weight: 700; color: var(--ink); }
.hx { --viz-900: #0B5F63; --viz-700: #00ABAB; --viz-500: #3CC6BE; --viz-300: #9EDFDA; --viz-100: #DDF3F1; }
.hx .viz-900 { background: var(--viz-900); fill: var(--viz-900); }
.hx .viz-700 { background: var(--viz-700); fill: var(--viz-700); }
.hx .viz-500 { background: var(--viz-500); fill: var(--viz-500); }
.hx .viz-300 { background: var(--viz-300); fill: var(--viz-300); }
.hx .viz-ink { background: var(--ink); fill: var(--ink); }
.hx .life-legend i.viz-900, .hx .life-legend i.viz-700, .hx .life-legend i.viz-500, .hx .life-legend i.viz-300 { opacity: 1; }
.hx .life-mini { list-style: none; margin: 14px 0px 0px; padding: 0px; }
.hx .life-mini li { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 8px 0px; border-top: 1px solid rgba(31, 65, 91, 0.08); font-size: var(--fs-label); }
.hx .life-mini li span { display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
.hx .life-mini small { font-size: var(--fs-micro); color: var(--ink-mute); }
.hx .life-mini b { font-family: var(--font-num); font-weight: 700; }
.hx .is-late { color: var(--c-tertiary); }
.hx .dv { display: flex; flex-direction: column; gap: 6px; }
.hx .dv__head { display: flex; justify-content: space-between; padding: 0px 0px 6px 110px; font-size: var(--fs-micro); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-mute); }
.hx .dv__row { display: grid; grid-template-columns: 110px 1fr 1fr; align-items: center; gap: 0px 2px; min-height: 44px; }
.hx .dv__label { font-size: var(--fs-label); font-weight: 600; color: var(--ink); }
.hx .dv__side { position: relative; display: flex; align-items: center; gap: 8px; height: 100%; min-height: 40px; }
.hx .dv__side--l { justify-content: flex-end; border-right: 1px solid rgba(31, 65, 91, 0.18); padding-right: 8px; }
.hx .dv__side--r { padding-left: 8px; }
.hx .dv__side i { display: block; height: 22px; border-radius: 4px; }
.hx .dv__side--l i { background: var(--viz-300); order: 3; }
.hx .dv__side--r i { background: var(--viz-700); }
.hx .dv__side b { font-family: var(--font-num); font-weight: 700; }
.hx .dv__side--l b { order: 2; }
.hx .dv__side small { font-size: 10.5px; color: var(--ink-mute); white-space: nowrap; }
.hx .dv__side--l small { order: 1; }
.hx .sb { display: flex; flex-direction: column; gap: 12px; }
.hx .sb__row { display: grid; grid-template-columns: 150px 1fr; align-items: center; gap: 12px; }
.hx .sb__label { display: flex; justify-content: space-between; gap: 8px; font-size: var(--fs-label); color: var(--ink); }
.hx .sb__label b { font-family: var(--font-num); }
.hx .sb__track { display: flex; height: 26px; border-radius: 6px; overflow: hidden; min-width: 24px; }
.hx .sb__track i { display: flex; align-items: center; justify-content: center; min-width: 0px; }
.hx .sb__track b, .hx .sh__track b, .hx .ag__bar b { font-family: var(--font-num); font-size: var(--fs-micro); font-weight: 700; color: rgb(255, 255, 255); }
.hx .sb__track i.viz-300 b, .hx .sh__track i.viz-300 b, .hx .ag__bar i.viz-300 b { color: var(--ink); }
.hx .sb .life-legend { margin: 6px 0px 0px; }
.hx .rw { display: flex; flex-direction: column; gap: 4px; }
.hx .rw__axis, .hx .rw__lane { display: grid; grid-template-columns: 120px 1fr; align-items: center; gap: 12px; }
.hx .rw__axis { height: 22px; }
.hx .rw__lanehead { display: flex; justify-content: space-between; align-items: baseline; font-size: var(--fs-label); font-weight: 600; color: var(--ink); }
.hx .rw__lanehead small { font-family: var(--font-num); color: var(--ink-mute); }
.hx .rw__axis .rw__lanehead { font-size: var(--fs-micro); text-transform: uppercase; letter-spacing: 0.06em; color: var(--ink-mute); }
.hx .rw__ticks, .hx .rw__track { position: relative; height: 100%; }
.hx .rw__ticks i { position: absolute; top: 0px; transform: translateX(-50%); font-style: normal; font-size: var(--fs-micro); color: var(--ink-mute); white-space: nowrap; }
.hx .rw__ticks i:last-child { transform: translateX(-100%); }
.hx .rw__track { height: 40px; background: linear-gradient(90deg, var(--viz-100), transparent); border-radius: 6px; }
.hx .rw__track u { position: absolute; top: 0px; bottom: 0px; border-left: 1px dashed rgba(31, 65, 91, 0.25); }
.hx .rw__dot { position: absolute; top: 50%; transform: translate(-50%, -50%); max-width: 22%; display: grid; place-items: center; min-width: 26px; height: 26px; padding: 0px 6px; border-radius: 13px; background: var(--viz-500); color: rgb(255, 255, 255); font-style: normal; }
.hx .rw__dot.is-soon { background: var(--viz-900); }
.hx .rw__dot b { font-size: 10.5px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.hx .rw__key { list-style: none; margin: 12px 0px 0px; padding: 0px; columns: 2; column-gap: 24px; }
.hx .rw__key li { display: flex; align-items: center; gap: 10px; padding: 6px 0px; break-inside: avoid; font-size: var(--fs-label); border-top: 1px solid rgba(31, 65, 91, 0.08); }
.hx .rw__key li > b { flex: 0 0 auto; min-width: 26px; height: 22px; padding: 0px 6px; border-radius: 11px; background: var(--viz-100); color: var(--viz-900); font-size: 10.5px; font-weight: 700; display: grid; place-items: center; }
.hx .rw__key li span { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; }
.hx .rw__key li small { font-size: var(--fs-micro); color: var(--ink-mute); }
.hx .rw__key li em { font-style: normal; font-family: var(--font-num); color: var(--ink-mute); white-space: nowrap; }
.hx .ag__bar { display: flex; height: 30px; border-radius: 8px; overflow: hidden; }
.hx .ag__bar i { display: grid; place-items: center; }
.hx .ag__bar i.is-old { background: var(--c-tertiary); }
.hx .ag__bins { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 16px; margin: 10px 0px 12px; }
.hx .ag__bins > span { min-width: 72px; }
.hx .ag__bins span { display: flex; flex-direction: column; font-size: var(--fs-micro); color: var(--ink-mute); }
.hx .ag__bins b { font-family: var(--font-num); font-size: var(--fs-metric-sm); font-weight: 700; color: var(--ink); }
.hx .ag__oldest { list-style: none; margin: 0px; padding: 0px; }
.hx .ag__oldest li { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 8px 0px; border-top: 1px solid rgba(31, 65, 91, 0.08); font-size: var(--fs-label); }
.hx .ag__oldest span { display: flex; flex-direction: column; min-width: 0px; }
.hx .ag__oldest small { font-size: var(--fs-micro); color: var(--ink-mute); }
.hx .ag__oldest b { font-family: var(--font-num); font-weight: 700; white-space: nowrap; }
.hx .rgs { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.hx .rgs__row { display: flex; flex-wrap: wrap; gap: 10px; flex: 1 1 auto; justify-content: space-around; }
.hx .rg { position: relative; display: inline-flex; flex-direction: column; align-items: center; width: var(--size); }
.hx .rg svg { width: var(--size); height: var(--size); transform: rotate(-90deg); }
.hx .rg__track { fill: none; stroke: var(--viz-100); stroke-width: 9; }
.hx .rg__arc { fill: none; stroke: var(--viz-700); stroke-width: 9; stroke-linecap: round; }
.hx .rg > b { position: absolute; top: calc(var(--size) / 2); left: 0px; right: 0px; transform: translateY(-50%); text-align: center; font-family: var(--font-num); font-weight: 700; font-size: calc(var(--size) * .2); color: var(--ink); }
.hx .rg__label { margin-top: 6px; font-size: var(--fs-label); font-weight: 600; color: var(--ink); }
.hx .rg small { font-size: var(--fs-micro); color: var(--ink-mute); }
.hx .pie { display: grid; grid-template-columns: 150px 1fr; align-items: center; gap: 18px; position: relative; }
.hx .pie svg { width: 150px; height: 150px; }
.hx .pie path { stroke: rgb(255, 255, 255); stroke-width: 1.5; }
.hx .pie__centre { position: absolute; left: 0px; width: 150px; top: 50%; transform: translateY(-50%); text-align: center; display: flex; flex-direction: column; pointer-events: none; }
.hx .pie__centre b { font-family: var(--font-num); font-size: var(--fs-metric); font-weight: 700; color: var(--ink); }
.hx .pie__centre small { font-size: var(--fs-micro); color: var(--ink-mute); }
.hx .pie__legend { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 8px; }
.hx .pie__legend li { display: grid; grid-template-columns: 12px 1fr auto; gap: 4px 10px; align-items: center; font-size: var(--fs-label); }
.hx .pie__legend i { width: 12px; height: 12px; border-radius: 3px; }
.hx .pie__legend b { font-family: var(--font-num); font-weight: 700; }
.hx .pie__legend small { grid-column: 2 / -1; font-size: var(--fs-micro); color: var(--ink-mute); }
.hx .fn { display: flex; flex-direction: column; gap: 6px; }
.hx .fn__step { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.hx .fn__bar { display: grid; place-items: center; height: 34px; border-radius: 6px; color: rgb(255, 255, 255); font-family: var(--font-num); font-weight: 700; }
.hx .fn__bar.viz-300 { color: var(--ink); }
.hx .fn__label { display: flex; gap: 6px; align-items: baseline; font-size: var(--fs-label); font-weight: 600; color: var(--ink); }
.hx .fn__label small { font-weight: 400; font-size: var(--fs-micro); color: var(--ink-mute); }
.hx .fn__aside { display: flex; align-items: center; gap: 12px; margin-top: 8px; padding-top: 10px; border-top: 1px solid rgba(31, 65, 91, 0.1); font-size: var(--fs-label); }
.hx .fn__aside b { font-family: var(--font-num); font-size: var(--fs-metric-sm); font-weight: 700; color: var(--c-tertiary); }
.hx .fn__aside span { display: flex; flex-direction: column; }
.hx .fn__aside small { font-size: var(--fs-micro); color: var(--ink-mute); }
.hx .rs { display: flex; flex-direction: column; gap: 4px; }
.hx .rs__row { display: grid; grid-template-columns: 130px 1fr 74px; align-items: center; gap: 12px; min-height: 40px; }
.hx .rs__label { display: flex; flex-direction: column; font-size: var(--fs-label); font-weight: 600; color: var(--ink); }
.hx .rs__label small, .hx .rs__val small { font-size: var(--fs-micro); font-weight: 400; color: var(--ink-mute); }
.hx .rs__track { position: relative; height: 18px; border-radius: 9px; background: rgba(31, 65, 91, 0.06); }
.hx .rs__band { position: absolute; top: 0px; bottom: 0px; background: var(--viz-300); border-radius: 9px; }
.hx .rs__whisker { position: absolute; top: 8px; height: 2px; background: var(--viz-900); }
.hx .rs__now { position: absolute; top: 3px; width: 12px; height: 12px; margin-left: -6px; border-radius: 50%; background: var(--viz-900); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px; }
.hx .rs__row.is-out .rs__now { background: var(--c-tertiary); }
.hx .rs__row.is-out .rs__val b { color: var(--c-tertiary); }
.hx .rs__val { display: flex; flex-direction: column; text-align: right; font-family: var(--font-num); font-weight: 700; }
.hx .rs .life-legend { margin-top: 10px; }
.hx .rs__k-band { background: var(--viz-300) !important; opacity: 1 !important; }
.hx .rs__k-whisker { background: var(--viz-900) !important; height: 2px !important; width: 14px !important; border-radius: 0px !important; opacity: 1 !important; }
.hx .rs__k-now { background: var(--viz-900) !important; border-radius: 50% !important; opacity: 1 !important; }
.hx .bl { display: flex; flex-direction: column; gap: 4px; }
.hx .bl__row { display: grid; grid-template-columns: minmax(0px, 1.2fr) minmax(0px, 1fr) 82px; align-items: center; gap: 12px; min-height: 44px; }
.hx .bl__label { display: flex; flex-direction: column; min-width: 0px; font-size: var(--fs-label); font-weight: 600; color: var(--ink); }
.hx .bl__label small, .hx .bl__val small { font-size: var(--fs-micro); font-weight: 400; color: var(--ink-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .bl__track { position: relative; height: 12px; border-radius: 6px; background: rgba(31, 65, 91, 0.06); }
.hx .bl__bar { position: absolute; left: 0px; top: 0px; bottom: 0px; border-radius: 6px; background: var(--viz-700); }
.hx .bl__row.is-late .bl__bar { background: var(--c-tertiary); }
.hx .bl__target { position: absolute; top: -4px; bottom: -4px; border-left: 2px solid var(--ink); }
.hx .bl__val { display: flex; flex-direction: column; text-align: right; font-family: var(--font-num); font-weight: 700; }
.hx .bl__row.is-late .bl__val b { color: var(--c-tertiary); }
.hx .dp { display: flex; flex-direction: column; gap: 4px; }
.hx .dp__axis, .hx .dp__row { display: grid; grid-template-columns: 130px 1fr 74px; align-items: center; gap: 12px; }
.hx .dp__axis { height: 18px; }
.hx .dp__ticks { position: relative; height: 100%; }
.hx .dp__ticks i { position: absolute; top: 0px; transform: translateX(-50%); font-style: normal; font-size: var(--fs-micro); color: var(--ink-mute); white-space: nowrap; }
.hx .dp__ticks i:first-child { transform: none; }
.hx .dp__ticks i:last-child { transform: translateX(-100%); }
.hx .dp__row { min-height: 52px; }
.hx .dp__label { display: flex; flex-direction: column; font-size: var(--fs-label); font-weight: 600; color: var(--ink); }
.hx .dp__label small, .hx .dp__val small { font-size: var(--fs-micro); font-weight: 400; color: var(--ink-mute); }
.hx .dp__track { position: relative; height: 36px; border-radius: 6px; background: rgba(31, 65, 91, 0.04); }
.hx .dp__target { position: absolute; top: 0px; bottom: 0px; border-left: 2px solid var(--ink); }
.hx .dp__mean { position: absolute; left: 0px; bottom: 4px; height: 4px; border-radius: 2px; background: var(--viz-300); }
.hx .dp__dot { position: absolute; top: 8px; width: 14px; height: 14px; margin-left: -7px; border-radius: 50%; background: var(--viz-700); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px; }
.hx .dp__dot.is-open { background: rgb(255, 255, 255); box-shadow: inset 0 0 0 3px var(--viz-700); }
.hx .dp__dot.is-late { background: var(--c-tertiary); }
.hx .dp__dot.is-open.is-late { background: rgb(255, 255, 255); box-shadow: inset 0 0 0 3px var(--c-tertiary); }
.hx .dp__val { display: flex; flex-direction: column; text-align: right; font-family: var(--font-num); font-weight: 700; }
.hx .dp .life-legend { margin-top: 10px; }
.hx .dp__k-dot { background: var(--viz-700) !important; border-radius: 50% !important; opacity: 1 !important; }
.hx .dp__k-open { box-shadow: inset 0 0 0 2px var(--viz-700); background: rgb(255, 255, 255) !important; border-radius: 50% !important; opacity: 1 !important; }
.hx .dp__k-target { background: var(--ink) !important; width: 2px !important; border-radius: 0px !important; opacity: 1 !important; }
.hx .dp__k-mean { background: var(--viz-300) !important; height: 4px !important; width: 14px !important; border-radius: 2px !important; opacity: 1 !important; }
.hx .life-card__sub { margin: 16px 0px 8px; font-size: var(--fs-label); font-weight: 600; color: var(--ink); }
.hx .wf { display: flex; flex-direction: column; gap: 14px; }
.hx .wf__grid { display: grid; grid-template-columns: repeat(var(--per), 1fr); gap: 4px; }
.hx .wf__grid i { display: block; aspect-ratio: 1 / 1; border-radius: 4px; }
.hx .wf__grid i.is-due, .hx .wf__legend i.is-due { background: var(--c-tertiary); }
.hx .wf__legend { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 6px 16px; }
.hx .hs { display: grid; grid-template-columns: repeat(15, 1fr); gap: 3px; }
.hx .hs__cell { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.hx .hs__cell b { display: grid; place-items: center; width: 100%; aspect-ratio: 1 / 1; border-radius: 4px; background: color-mix(in srgb, var(--viz-900) calc(var(--t) * 100%), var(--viz-100)); color: rgb(255, 255, 255); font-family: var(--font-num); font-size: var(--fs-micro); font-weight: 700; }
.hx .hs__cell[style*="--t:0."] b, .hx .hs__cell[style*="--t:0;"] b { color: var(--ink); }
.hx .hs__cell[style*="--t:0.6"] b, .hx .hs__cell[style*="--t:0.7"] b, .hx .hs__cell[style*="--t:0.8"] b, .hx .hs__cell[style*="--t:0.9"] b { color: rgb(255, 255, 255); }
.hx .hs__cell small { font-size: 9px; color: var(--ink-mute); }
.hx .sc svg { width: 100%; height: auto; display: block; }
.hx .sc text { font-family: var(--font-num); font-size: 9px; fill: var(--ink-mute); }
.hx .sc__grid { stroke: rgba(31, 65, 91, 0.1); }
.hx .sc__zero { stroke: var(--ink); stroke-width: 1; }
.hx .sc__band { fill: rgba(250, 97, 64, 0.08); }
.hx .sc__dot { fill: var(--viz-700); fill-opacity: 0.75; stroke: rgb(255, 255, 255); stroke-width: 1.5; }
.hx .sc__dot.is-flag { fill: var(--c-tertiary); fill-opacity: 0.9; }
.hx .sc__axes { display: flex; justify-content: space-between; margin-top: 4px; font-size: var(--fs-micro); color: var(--ink-mute); }
.hx .sc + .life-legend { margin-top: 8px; }
.hx .sc__k-dot { background: var(--viz-700) !important; border-radius: 50% !important; opacity: 1 !important; }
.hx .sc__k-flag { background: var(--c-tertiary) !important; border-radius: 50% !important; opacity: 1 !important; }
.hx .sc__k-band { background: rgba(250, 97, 64, 0.16) !important; opacity: 1 !important; }
.hx .hg { display: flex; align-items: flex-end; gap: 6px; height: 150px; }
.hx .hg__col { flex: 1 1 0px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 4px; height: 100%; }
.hx .hg__col b { font-family: var(--font-num); font-size: var(--fs-micro); font-weight: 700; color: var(--ink); }
.hx .hg__col i { display: block; width: 100%; max-width: 30px; min-height: 2px; border-radius: 4px 4px 2px 2px; background: var(--viz-700); }
.hx .hg__col.is-off i { background: var(--viz-300); }
.hx .hg__col small { font-family: var(--font-num); font-size: var(--fs-micro); color: var(--ink-mute); }
.hx .pc { display: flex; flex-direction: column; gap: 6px; }
.hx .pc__row { display: grid; grid-template-columns: 150px 1fr 40px; align-items: center; gap: 12px; min-height: 36px; }
.hx .pc__label { display: flex; flex-direction: column; font-size: var(--fs-label); font-weight: 600; color: var(--ink); }
.hx .pc__label small { font-size: var(--fs-micro); font-weight: 400; color: var(--ink-mute); }
.hx .pc__marks { display: flex; flex-wrap: wrap; gap: 5px; }
.hx .pc__mark { display: block; width: 18px; height: 22px; border-radius: 9px 9px 5px 5px; background: var(--viz-700); }
.hx .pc__mark.is-leave { background: none; box-shadow: inset 0 0 0 2px var(--viz-500); }
.hx .pc__mark.is-off { background: none; box-shadow: inset 0 0 0 2px var(--viz-300); }
.hx .pc__mark.is-sick { background: none; box-shadow: inset 0 0 0 2px var(--c-tertiary); }
.hx .life-legend .pc__mark { width: 10px; height: 12px; border-radius: 5px 5px 3px 3px; opacity: 1 !important; }
.hx .pc__n { font-family: var(--font-num); font-weight: 700; text-align: right; }
.hx .pc__n.is-short { color: var(--ink-mute); }
.hx .pc + .life-legend { margin-top: 14px; }
.hx .bd { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; }
.hx .bd__col { display: flex; flex-direction: column; gap: 6px; padding: 10px; border-radius: 12px; background: rgba(31, 65, 91, 0.04); }
.hx .bd__col.is-due { background: rgba(250, 97, 64, 0.07); }
.hx .bd__head { display: flex; justify-content: space-between; align-items: baseline; padding: 0px 2px 4px; font-size: var(--fs-label); font-weight: 600; color: var(--ink); }
.hx .bd__head b { font-family: var(--font-num); color: var(--ink-mute); }
.hx .bd__col.is-due .bd__head b { color: var(--c-tertiary); }
.hx .bd__card { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border-radius: 8px; background: rgb(255, 255, 255); box-shadow: rgba(31, 65, 91, 0.08) 0px 1px 2px; font-size: var(--fs-label); }
.hx .bd__card b { font-weight: 600; color: var(--ink); }
.hx .bd__card small { font-size: var(--fs-micro); color: var(--ink-mute); }
.hx .bd__card.is-done { opacity: 0.6; }
.hx .bd__none { padding: 8px 2px; font-size: var(--fs-micro); color: var(--ink-mute); }
.hx .tl { display: flex; flex-direction: column; gap: 8px; }
.hx .tl__when { display: block; font-size: var(--fs-micro); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--viz-900); margin: 6px 0px 2px; }
.hx .tl__items { list-style: none; margin: 0px; padding: 0px 0px 0px 6px; border-left: 2px solid var(--viz-100); }
.hx .tl__items li { position: relative; display: flex; gap: 12px; padding: 6px 0px 8px 14px; }
.hx .tl__dot { position: absolute; left: -7px; top: 12px; width: 12px; height: 12px; border-radius: 50%; background: var(--viz-700); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px; }
.hx .tl__body { display: flex; flex-direction: column; gap: 2px; font-size: var(--fs-label); }
.hx .tl__body b { color: var(--ink); }
.hx .tl__body span { color: var(--ink); }
.hx .tl__body small { font-size: var(--fs-micro); color: var(--ink-mute); }
.hx .pg { display: flex; flex-direction: column; gap: 4px; }
.hx .pg__row { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 0.8fr) 128px; align-items: center; gap: 12px; min-height: 44px; }
.hx .pg__label { display: flex; flex-direction: column; min-width: 0px; font-size: var(--fs-label); font-weight: 600; color: var(--ink); }
.hx .pg__label small, .hx .pg__val small { font-size: var(--fs-micro); font-weight: 400; color: var(--ink-mute); }
.hx .pg__label small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .pg__track { height: 10px; border-radius: 5px; background: rgba(31, 65, 91, 0.06); overflow: hidden; }
.hx .pg__track i { display: block; height: 100%; border-radius: 5px; background: var(--viz-700); }
.hx .pg__row.is-done .pg__track i { background: var(--viz-300); }
.hx .pg__row.is-late .pg__track i { background: var(--c-tertiary); }
.hx .pg__val { display: flex; flex-direction: column; text-align: right; font-family: var(--font-num); font-weight: 700; }
.hx .fl { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; }
.hx .fl__row { display: grid; grid-template-columns: 1fr; gap: 4px; padding: 8px 0px; border-top: 1px solid rgba(31, 65, 91, 0.08); }
.hx .fl__row:first-child { border-top: 0px; }
.hx .fl__ends { display: flex; align-items: center; gap: 8px; font-size: var(--fs-label); color: var(--ink); min-width: 0px; }
.hx .fl__ends b { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .fl__arrow { flex: 0 0 auto; width: 22px; height: 2px; background: var(--viz-700); position: relative; }
.hx .fl__arrow::after { content: ""; position: absolute; right: -1px; top: -4px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-image: initial; border-left: 6px solid var(--viz-700); border-right: 0px; }
.hx .fl__arrow.is-across { background: repeating-linear-gradient(90deg, var(--viz-900) 0 4px, transparent 4px 7px); }
.hx .fl__arrow.is-across::after { border-left-color: var(--viz-900); }
.hx .fl__bar { display: flex; align-items: center; gap: 8px; }
.hx .fl__bar i { display: block; height: 10px; border-radius: 5px; background: var(--viz-500); min-width: 6px; }
.hx .fl__bar b { font-family: var(--font-num); font-weight: 700; }
.hx .fl__row small { font-size: var(--fs-micro); color: var(--ink-mute); }
.hx .sh { display: flex; flex-direction: column; gap: 12px; }
.hx .sh__row { display: grid; grid-template-columns: 150px 1fr; align-items: center; gap: 12px; }
.hx .sh__label { display: flex; justify-content: space-between; font-size: var(--fs-label); color: var(--ink); }
.hx .sh__label b { font-family: var(--font-num); }
.hx .sh__track { display: flex; height: 26px; border-radius: 6px; overflow: hidden; }
.hx .sh__track i { display: grid; place-items: center; }
.hx .tg { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; }
.hx .tg__tile { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border-radius: 12px; background: var(--viz-100); }
.hx .tg__tile b { font-family: var(--font-num); font-size: var(--fs-metric-sm); font-weight: 700; color: var(--ink); }
.hx .tg__tile span { font-size: var(--fs-label); font-weight: 600; color: var(--ink); }
.hx .tg__tile small { font-size: var(--fs-micro); color: var(--ink-mute); }
.hx .tg__tile.is-due { background: rgba(250, 97, 64, 0.1); }
.hx .tg__tile.is-due b { color: var(--c-tertiary); }
.hx .cc { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px 24px; }
.hx .cc__group { display: flex; flex-direction: column; gap: 8px; }
.hx .cc__head { display: flex; justify-content: space-between; font-size: var(--fs-label); font-weight: 600; color: var(--ink); }
.hx .cc__head b { font-family: var(--font-num); color: var(--ink-mute); }
.hx .cc__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.hx .cc__chip { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0px 4px 0px 10px; border-radius: 14px; background: var(--viz-100); font-size: var(--fs-micro); color: var(--ink); }
.hx .cc__chip b { min-width: 20px; height: 20px; padding: 0px 6px; border-radius: 10px; background: var(--viz-700); color: rgb(255, 255, 255); font-family: var(--font-num); font-weight: 700; display: grid; place-items: center; }
.hx .rpage { position: fixed; inset: 0px; z-index: calc(var(--z-sheet) - 2); display: flex; flex-direction: column; background: var(--page-bg, #DFF5F3); opacity: 0; transform: translateY(8px); transition: opacity var(--t-menu) var(--ease-out), transform var(--t-menu) var(--ease-out); }
.hx .rpage.is-open { opacity: 1; transform: none; }
.hx .rpage[hidden] { display: none !important; }
.hx.is-report { overflow: hidden; }
.hx .rpage__bar { flex: 0 0 auto; display: flex; align-items: center; gap: 12px; padding: max(12px, env(safe-area-inset-top)) var(--pad-page) 12px; background: rgba(223, 245, 243, 0.92); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(31, 65, 91, 0.08); }
.hx .rpage__back { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 auto; border: 0px; padding: 0px; border-radius: var(--r-pill); background: var(--c-white); box-shadow: var(--shadow-card); color: var(--ink); cursor: pointer; }
.hx .rpage__back .icon { width: 22px; height: 22px; }
.hx .rpage__title { flex: 1 1 auto; margin: 0px; font-size: 24px; font-weight: 500; line-height: 29px; color: var(--c-on-surface-var); outline: none; }
.hx .rpage__scope { flex: 0 0 auto; font-size: var(--fs-label); font-weight: 600; color: var(--c-action-ink); }
.hx .rpage__body { flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; padding: 8px var(--pad-page) 48px; }
.hx .rpage__report { max-width: 1280px; margin: 0px auto; }
.hx .scope-wrap { flex: 0 0 auto; }
.hx .scope { height: 36px; padding: 0px 36px 0px 14px; border: 0px; border-radius: var(--r-pill); background: var(--c-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231F415B' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center; box-shadow: var(--shadow-card); appearance: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: var(--fs-label); font-weight: 600; color: var(--ink); cursor: pointer; }
.hx .today { margin: 8px 0px 20px; padding: 18px 22px 8px; border-radius: 20px; background: var(--c-white); box-shadow: var(--shadow-card); }
.hx .today__head { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 6px; }
.hx .today__title { margin: 0px; font-size: 20px; font-weight: 600; color: var(--ink); }
.hx .today__head .life-chips { margin: 0px; flex: 1 1 auto; min-width: 0px; }
.hx .today__list { list-style: none; margin: 0px; padding: 0px; }
.hx .today__row { display: flex; align-items: center; gap: 14px; width: 100%; min-height: 52px; padding: 8px 4px; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgba(31, 65, 91, 0.08); background: none; text-align: left; font: inherit; color: var(--ink); cursor: pointer; }
.hx .today__row:hover { background: rgba(0, 109, 53, 0.04); }
.hx .today__n { flex: 0 0 auto; min-width: 40px; font-family: var(--font-num); font-size: var(--fs-metric-sm); font-weight: 700; color: var(--ink); text-align: center; }
.hx .today__row.is-due .today__n { color: var(--c-tertiary); }
.hx .today__text { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; gap: 2px; font-size: var(--fs-body); font-weight: 500; }
.hx .today__text small { font-size: var(--fs-micro); font-weight: 400; color: var(--ink-mute); }
.hx .today__go { flex: 0 0 auto; color: var(--ink-mute); }
.hx .today__go .icon { width: 18px; height: 18px; }
.hx .today__none { margin: 8px 0px 12px; color: var(--ink-mute); font-size: var(--fs-label); }
.hx .today__list.is-cut > li:nth-child(n+9) { display: none; }
.hx .today__more { display: block; margin: 8px 0px 4px; padding: 6px 0px; border: 0px; background: none; color: var(--c-action-ink); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: var(--fs-label); font-weight: 600; cursor: pointer; }
.hx .today__more:hover { text-decoration: underline; }
.hx .card[data-layout="report"][data-size="small"] { padding: var(--s4); }
.hx[data-page-version="4"] #moduleGrid { --grid-row: 196px; }
.hx[data-page-version="4"] :is(#obsTitle, #reportsTitle, #modulesTitle) { font-size: 20px; font-weight: 500; line-height: 24px; }
.hx[data-page-version="4"] .obs-head { height: 24px; }
.hx .card[data-layout="report"][data-fill="image"] { padding: var(--s4); }
.hx .l-rep__wash { background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.6)); }
.hx .l-rep { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; gap: var(--s2); min-height: 0px; width: 100%; color: var(--on-dark); }
.hx .l-rep__head { display: flex; align-items: center; gap: 10px; }
.hx .l-rep__head .card__icon { width: 28px; height: 28px; }
.hx .l-rep__name { font-size: var(--fs-card); font-weight: 500; line-height: 1.18; }
.hx .card[data-size="small"] .l-rep__name { font-size: var(--fs-label); }
.hx .l-rep__viz { flex: 1 1 auto; min-height: 0px; display: flex; align-items: flex-start; overflow: hidden; }
.hx .l-rep__viz > * { max-height: 100%; }
.hx .l-rep__figs { display: flex; flex-wrap: wrap; gap: var(--s1) var(--s5); margin-top: auto; }
.hx .l-rep__fig { display: flex; flex-direction: column; gap: 1px; min-width: 0px; }
.hx .l-rep__fig b { font-family: var(--font-num); font-size: var(--fs-metric-sm); font-weight: 700; line-height: 1.05; }
.hx .card[data-size="large"] .l-rep__fig b { font-size: var(--fs-metric); }
.hx .l-rep__fig small { font-size: var(--fs-micro); opacity: 0.85; white-space: nowrap; }
.hx .l-rep__fig.is-alert b { color: rgb(255, 215, 204); }
.hx .card[data-fill="image"] .l-rep__fig.is-alert b { color: rgb(255, 185, 166); }
.hx .card[data-size="large"] .l-rep__figs { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s2) var(--s5); }
.hx .card[data-size="tall"] .l-rep__figs { flex-direction: column; gap: var(--s2); }
.hx .card[data-layout="report"][data-w="1"] .l-rep__figs { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s2) var(--s3); }
.hx .card[data-layout="report"][data-w="1"] .l-rep__fig small { white-space: normal; line-height: 1.2; }
.hx .l-rep__head .card__icon--fish, .hx .l-rep__head .card__icon--fish img { width: 28px; height: 28px; margin: 0px; transform: none; position: static; }
.hx .card[data-size="small"] .l-rep__head .card__icon--fish, .hx .card[data-size="small"] .l-rep__head .card__icon--fish img { width: 24px; height: 24px; }
.hx .card[data-size="small"] .l-rep__name { white-space: nowrap; letter-spacing: -0.01em; }
.hx .card[data-layout="report"]:not([data-fill="cap"]) { padding: 16px; }
.hx .card[data-layout="report"] .l-rep__head { min-height: 28px; gap: 8px; }
.hx .card[data-layout="report"]:not([data-fill="cap"]) .l-rep { gap: 6px; }
.hx .card[data-layout="report"] .l-rep__head .card__icon, .hx .card[data-layout="report"] .l-rep__head .card__icon--fish, .hx .card[data-layout="report"] .l-rep__head .card__icon--fish img { width: 24px; height: 24px; }
.hx .card[data-layout="report"] .l-rep__name, .hx .card[data-layout="report"][data-size="small"] .l-rep__name { font-size: 15px; font-weight: 600; line-height: 20px; letter-spacing: -0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0px; }
.hx .card[data-layout="report"]:is([data-size="large"], [data-size="full"], [data-size="tall"]) .l-rep__name { font-size: 17px; }
.hx .card[data-layout="report"][data-size="small"] .l-rep__name { font-size: 14px; letter-spacing: -0.025em; }
.hx .card[data-layout="report"][data-size="small"] .l-rep__head { gap: 5px; }
.hx[data-page-version="4"] #moduleGrid .card[data-layout="door"] { padding: 16px; }
.hx[data-page-version="4"] #moduleGrid .card[data-layout="door"] .l-door { display: flex; flex-direction: column; justify-content: flex-start; height: 100%; }
.hx[data-page-version="4"] #moduleGrid .card[data-layout="door"] .l-door .card__icon { position: absolute; top: 18px; left: 16px; width: 24px; height: 24px; margin: 0px; }
.hx[data-page-version="4"] #moduleGrid .card[data-layout="door"] .l-door__name { position: static; margin: 4px 0px 0px 30px; font-size: 14px; font-weight: 600; line-height: 20px; letter-spacing: -0.015em; }
.hx[data-page-version="4"] #moduleGrid .card[data-layout="door"] .l-door::after { content: "Open module ›"; margin-top: auto; font-size: 12px; font-weight: 500; opacity: 0.85; }
.hx .card[data-layout="report"] .l-rep__figs { align-items: flex-start; }
.hx .card[data-layout="report"] .l-rep__fig small { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: normal; line-height: 1.2; min-height: 2.4em; }
.hx .l-rep .mv-bars__row, .hx .l-rep .mv-pg__row, .hx .l-rep .mv-bl__row { grid-template-columns: fit-content(55%) minmax(28px, 1fr) auto; }
.hx .l-rep :is(.mv-bars__row, .mv-pg__row, .mv-bl__row) small { padding-right: 2px; }
.hx .card[data-fill="cap"] { --cap-pad: 16px; padding: var(--cap-pad); }
.hx .card[data-fill="cap"]:is([data-size="large"], [data-size="full"]) { --cap-pad: 24px; }
.hx .card[data-fill="cap"] .l-rep__head, .hx .card[data-fill="cap"][data-size="large"] .l-rep__head { margin: calc(var(--cap-pad) * -1) calc(var(--cap-pad) * -1) var(--s3); padding: var(--s4) var(--cap-pad); }
.hx .card[data-fill="cap"] { background: var(--c-white); box-shadow: var(--shadow-card); color: var(--ink); }
.hx .card[data-fill="cap"] .l-rep { gap: 0px; }
.hx .card[data-fill="cap"] .l-rep__head { margin: calc(var(--pad-card, var(--s5)) * -1) calc(var(--pad-card, var(--s5)) * -1) var(--s3); padding: var(--s4) var(--s5); background: var(--card-bg, var(--g-users)); color: var(--on-dark); align-items: center; }
.hx .card[data-fill="cap"][data-size="large"] .l-rep__head { margin: calc(var(--s6) * -1) calc(var(--s6) * -1) var(--s3); padding: var(--s4) var(--s6); }
.hx .l-rep__capfigs { display: flex; gap: var(--s5); margin-left: auto; }
.hx .l-rep__capfigs span { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.05; }
.hx .l-rep__capfigs b { font-family: var(--font-num); font-size: var(--fs-metric-sm); font-weight: 700; }
.hx .l-rep__capfigs small { font-size: var(--fs-micro); opacity: 0.85; white-space: nowrap; }
.hx .card[data-fill="cap"] .l-rep__figs:empty { display: none; }
.hx .lt { display: flex; flex-direction: column; width: 100%; height: 100%; color: var(--ink); }
.hx .lt__rows { display: flex; flex-direction: column; flex: 1 1 auto; }
.hx .lt__row { display: grid; grid-template-columns: 16px minmax(0px, 1fr) 28px 52px; align-items: center; gap: 8px; padding: 3px 0px; border-top: 1px solid rgba(31, 65, 91, 0.08); font-style: normal; min-height: 30px; }
.hx .lt__row:first-child { border-top: 0px; }
.hx .lt__row small { font-family: var(--font-num); font-size: 10px; color: var(--ink-mute); }
.hx .lt__row b { display: block; min-width: 0px; font-size: var(--fs-label); font-weight: 600; line-height: 1.15; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .lt__row b em { display: block; font-style: normal; font-weight: 400; font-size: 10px; color: var(--ink-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .card[data-variant="mortality.list"] { --lt-bar: var(--c-tertiary); }
.hx .lt__row strong { font-family: var(--font-num); font-size: var(--fs-label); font-weight: 700; text-align: right; }
.hx .lt__row var { font-style: normal; font-family: var(--font-num); font-size: 10px; font-weight: 600; text-align: center; padding: 2px 0px; border-radius: 9px; background: color-mix(in srgb, var(--lt-bar, var(--c-secondary-dark)) 14%, #fff); color: var(--ink); }
.hx .lt__row var:empty { background: none; }
.hx .lt__foot { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding-top: 6px; border-top: 1px solid rgba(31, 65, 91, 0.08); font-size: 10px; color: var(--ink-mute); }
.hx .lt__split { display: flex; gap: 12px; }
.hx .lt__split small { display: inline-flex; align-items: baseline; gap: 4px; font-size: 10px; color: var(--ink-mute); white-space: nowrap; }
.hx .lt__split b { font-family: var(--font-num); font-size: var(--fs-label); font-weight: 700; color: var(--ink); }
.hx .lt__row:nth-child(n+7), .hx .lt__more--10 { display: none; }
.hx .card[data-size="full"] .lt__rows { display: grid; grid-template-rows: repeat(6, minmax(30px, 1fr)); }
.hx .card[data-size="full"] .lt__rows { display: grid; grid-template-rows: repeat(5, minmax(40px, 1fr)); grid-auto-flow: column; grid-auto-columns: minmax(0px, 1fr); column-gap: var(--s6); }
.hx .card[data-size="full"] .lt__row:nth-child(6) { border-top: 0px; }
.hx .card[data-size="full"] .lt__row:nth-child(n+7) { display: grid; }
.hx .card[data-size="full"] .lt__more--6 { display: none; }
.hx .card[data-size="full"] .lt__more--10 { display: inline; }
.hx[data-page-version="5"] .lt__row { padding: 2px 0px; min-height: 28px; }
.hx .mv-list { display: flex; flex-direction: column; width: 100%; }
.hx .mv-list__row { display: grid; grid-template-columns: 16px minmax(0px, 1fr) auto; align-items: center; gap: 8px; padding: 3px 0px; border-top: 1px solid rgba(255, 255, 255, 0.18); font-style: normal; min-height: 28px; }
.hx .mv-list__row:first-child { border-top: 0px; }
.hx .mv-list__row small { font-family: var(--font-num); font-size: 10px; opacity: 0.7; }
.hx .mv-list__row b { display: flex; flex-direction: column; min-width: 0px; font-size: var(--fs-label); font-weight: 600; line-height: 1.15; }
.hx .mv-list__row b em, .hx .mv-list__row strong em { font-style: normal; font-weight: 400; font-size: 10px; opacity: 0.8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .mv-list__row strong { display: flex; flex-direction: column; align-items: flex-end; font-family: var(--font-num); font-size: var(--fs-label); font-weight: 700; line-height: 1.1; }
.hx .mv-list__more { display: block; padding-top: 4px; font-style: normal; font-size: 10px; opacity: 0.8; }
.hx .card[data-size="small"] .mv-list__row { min-height: 24px; padding: 2px 0px; }
.hx .mv-seg { display: flex; flex-direction: column; gap: 6px; width: 100%; }
.hx .mv-seg__bar { display: flex; height: 14px; border-radius: 7px; overflow: hidden; gap: 2px; }
.hx .mv-seg__bar i { display: grid; place-items: center; background: rgb(255, 255, 255); min-width: 14px; }
.hx .mv-seg__bar i b { font-family: var(--font-num); font-size: 9px; font-weight: 700; color: var(--ink); }
.hx .mv-seg__key { display: flex; flex-wrap: wrap; gap: 2px 10px; }
.hx .mv-seg__key small { display: inline-flex; align-items: center; gap: 4px; font-size: 10px; opacity: 0.9; white-space: nowrap; }
.hx .mv-seg__key i { width: 8px; height: 8px; border-radius: 2px; background: rgb(255, 255, 255); }
.hx .mv-dv { display: block; width: 100%; max-width: 260px; height: auto; max-height: 110px; }
.hx .mv-bars { display: flex; flex-direction: column; gap: 4px; width: 100%; }
.hx .mv-bars__row { display: grid; grid-template-columns: 58px 1fr 30px; align-items: center; gap: 6px; font-style: normal; }
.hx .mv-bars__row small, .hx .mv-pg__row small, .hx .mv-bl__row small { font-size: 10px; opacity: 0.85; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .mv-bars__row b { display: block; height: 7px; border-radius: 4px; background: rgb(255, 255, 255); min-width: 4px; }
.hx .mv-bars__row em, .hx .mv-pg__row em, .hx .mv-bl__row em { font-style: normal; font-family: var(--font-num); font-size: 10px; font-weight: 700; text-align: right; }
.hx .mv-wf { display: grid; grid-template-columns: repeat(var(--per), 1fr); gap: 3px; width: 100%; max-width: 150px; }
.hx .mv-wf i { display: block; aspect-ratio: 1 / 1; border-radius: 3px; background: rgb(255, 255, 255); }
.hx .mv-wf i.is-hollow { background: none; box-shadow: rgba(255, 255, 255, 0.8) 0px 0px 0px 2px inset; }
.hx .mv-stack { display: flex; flex-direction: column; gap: 3px; width: 100%; height: 100%; }
.hx .mv-stack__seg { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-height: 22px; padding: 0px 10px; border-radius: 8px; background: rgb(255, 255, 255); color: var(--ink); font-style: normal; }
.hx .mv-stack__seg:first-child b { color: var(--c-tertiary); }
.hx .mv-stack__seg b { font-family: var(--font-num); font-size: var(--fs-label); font-weight: 700; }
.hx .mv-stack__seg small { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; }
.hx .mv-marks { display: flex; flex-wrap: wrap; gap: 3px; width: 100%; align-content: center; }
.hx .mv-marks i { display: block; width: 9px; height: 12px; border-radius: 5px 5px 3px 3px; background: rgb(255, 255, 255); }
.hx .mv-marks i.is-hollow { background: none; box-shadow: rgba(255, 255, 255, 0.8) 0px 0px 0px 1.5px inset; }
.hx .mv-rings { display: flex; gap: var(--s4); width: 100%; justify-content: space-around; }
.hx .mv-ring { position: relative; display: inline-flex; flex-direction: column; align-items: center; width: 64px; --d: 64px; }
.hx .card[data-h="1"] .mv-ring { --d: 50px; width: 50px; }
.hx .mv-ring svg { width: var(--d); height: var(--d); transform: rotate(-90deg); }
.hx .mv-ring__track { fill: none; stroke: rgba(255, 255, 255, 0.3); stroke-width: 6; }
.hx .mv-ring__arc { fill: none; stroke: rgb(255, 255, 255); stroke-width: 6; stroke-linecap: round; }
.hx .mv-ring b { position: absolute; top: calc(var(--d) / 2); left: 0px; right: 0px; transform: translateY(-50%); text-align: center; font-family: var(--font-num); font-size: 13px; font-weight: 700; }
.hx .mv-ring small { margin-top: 2px; font-size: 10px; opacity: 0.85; white-space: nowrap; }
.hx .card[data-h="1"] .mv-ring b { font-size: 11px; }
.hx .card[data-h="1"] .mv-rings { justify-content: flex-start; gap: var(--s5); }
.hx .mv-strip { position: relative; display: block; width: 100%; height: 44px; border-radius: 6px; background: rgba(255, 255, 255, 0.14); }
.hx .mv-strip u { position: absolute; top: 0px; bottom: 0px; border-left: 2px dashed rgba(255, 255, 255, 0.8); }
.hx .mv-strip s { position: absolute; top: 0px; bottom: 0px; border-left: 1px solid rgba(255, 255, 255, 0.45); text-decoration: none; }
.hx .mv-strip i { position: absolute; width: 10px; height: 10px; margin: -5px 0px 0px -5px; border-radius: 50%; background: rgb(255, 255, 255); }
.hx .mv-strip i.is-flag { background: rgb(255, 185, 166); box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 0px 2px; }
.hx .mv-pg { display: flex; flex-direction: column; gap: 5px; width: 100%; }
.hx .mv-pg__row { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.2fr) 30px; align-items: center; gap: 8px; font-style: normal; }
.hx .mv-pg__row b { display: block; height: 7px; border-radius: 4px; background: rgba(255, 255, 255, 0.3); overflow: hidden; }
.hx .mv-pg__row b u { display: block; height: 100%; background: rgb(255, 255, 255); border-radius: 4px; }
.hx .mv-bl { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 20px; width: 100%; }
.hx .card[data-w="1"] .mv-bl { grid-template-columns: 1fr; }
.hx .mv-bl__row { display: grid; grid-template-columns: 80px 1fr 30px; align-items: center; gap: 8px; font-style: normal; }
.hx .mv-bl__row b { position: relative; display: block; height: 7px; border-radius: 4px; background: rgba(255, 255, 255, 0.25); }
.hx .mv-bl__row b u { position: absolute; left: 0px; top: 0px; bottom: 0px; border-radius: 4px; background: rgb(255, 255, 255); }
.hx .mv-bl__row b s { position: absolute; top: -3px; bottom: -3px; border-left: 2px solid rgb(255, 255, 255); text-decoration: none; }
.hx .mv-bl__row.is-over b u { background: rgb(255, 185, 166); }
.hx .report-card { display: flex; flex-direction: column; gap: 14px; min-height: 180px; padding: 18px 20px 14px; border: 0px; border-radius: 20px; background: var(--c-white); box-shadow: var(--shadow-card); text-align: left; font: inherit; color: var(--ink); cursor: pointer; transition: box-shadow var(--t-fast) var(--ease-out), transform var(--t-fast) var(--ease-out); }
.hx .report-card:focus-visible { outline: 2px solid var(--c-action-ink); outline-offset: 2px; }
.hx .report-card__head { display: flex; align-items: center; gap: 10px; }
.hx .report-card__head .icon { width: 22px; height: 22px; color: var(--c-secondary-dark); }
.hx .report-card__title { font-size: 18px; font-weight: 600; }
.hx .report-card__figs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 12px; }
.hx .report-card__fig { display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
.hx .report-card__fig b { font-family: var(--font-num); font-size: var(--fs-metric-sm); font-weight: 700; line-height: 1; }
.hx .report-card__fig small { font-size: var(--fs-micro); color: var(--ink-mute); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.25; }
.hx .report-card__foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: var(--fs-micro); color: var(--ink-mute); }
.hx .report-card__go { color: var(--c-action-ink); display: inline-flex; }
.hx .report-card__go .icon { width: 18px; height: 18px; }
.hx .fav-band { display: none; }
.hx[data-page-version="4"] .fav-band:not([hidden]), .hx[data-page-version="5"] .fav-band:not([hidden]) { display: flex; flex-direction: column; gap: 12px; margin: 0px 0px 20px; }
.hx .fav__head { display: flex; align-items: baseline; gap: 10px; }
.hx .fav__title { margin: 0px; font-size: 20px; font-weight: 500; line-height: 24px; color: var(--c-on-surface-var, #44544A); }
.hx .fav__edit { position: relative; margin-left: auto; height: 24px; padding: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 16px; font-weight: 500; line-height: 20px; color: var(--c-action-ink); cursor: pointer; }
.hx .fav__edit::after { content: ""; position: absolute; inset: -10px -12px; }
.hx .fav__edit[hidden] { display: none !important; }
.hx .fav__rail { --fav-w: 148px; --fav-h: 184px; display: flex; gap: 12px; overflow-x: auto; scrollbar-width: none; padding: 6px 6px 10px; margin: -6px -6px -10px; scroll-snap-type: x; scroll-padding-inline: 6px; }
.hx .fav__rail::-webkit-scrollbar { display: none; }
.hx .fav__item { flex: 0 0 auto; scroll-snap-align: start; }
.hx .fav__card { position: relative; display: flex; flex-direction: column; justify-content: flex-end; width: var(--fav-w); height: var(--fav-h); padding: 12px; overflow: hidden; border: 0px; border-radius: var(--r-card); background: var(--petrol-050, #E6F0EF); box-shadow: var(--shadow-card); font: inherit; text-align: left; color: rgb(255, 255, 255); cursor: pointer; transition: transform var(--t-base) var(--ease-out); }
.hx .fav__card:active { transform: scale(0.97); }
.hx .fav__card:focus-visible { outline: 2px solid var(--c-action-ink); outline-offset: 3px; }
.hx .fav__img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.hx .fav__card::after { content: ""; position: absolute; inset: 40% 0px 0px; background: linear-gradient(rgba(8, 24, 28, 0) 0%, rgba(8, 24, 28, 0.78) 100%); }
.hx .fav__txt { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
.hx .fav__name { font-size: 15px; font-weight: 600; line-height: 1.2; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px; }
.hx .fav__meta { font-family: var(--font-num); font-size: 12px; opacity: 0.9; }
.hx .fav__new { position: absolute; z-index: 1; top: 10px; left: 10px; padding: 3px 8px; border-radius: var(--r-pill); background: var(--c-white); color: var(--c-primary-ink); font-size: 11px; font-weight: 700; letter-spacing: 0.02em; }
.hx .fav__card--add { align-items: center; justify-content: center; gap: 10px; background: rgba(255, 255, 255, 0.72); color: var(--c-action-ink); text-align: center; box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--c-action-ink) 22%, transparent); }
.hx .fav__card--add::after { display: none; }
.hx .fav__card--add .fav__name { text-shadow: none; font-size: var(--fs-label); }
.hx .fav__plus { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--c-white); box-shadow: var(--shadow-card); }
.hx .fav__plus .icon { width: 20px; height: 20px; }
.hx { --sx-m-bg: #BDEDEA; --sx-m: #1F415B; --sx-f-bg: #EECCC0; --sx-f: #E5603E; --sx-u-bg: #F4E6E7; --sx-u: #D63A50; --sx-i-bg: #E0EBE9; --sx-i: #2D505A; --sx-g-bg: #4EACD2; --sx-g: #FFFFFF; }
.hx .fav__sex { position: absolute; z-index: 1; top: 8px; right: 8px; min-width: 24px; height: 24px; padding: 0px 6px; border-radius: 6px; font-size: 12px; font-weight: 500; line-height: 24px; text-align: center; }
.hx :is(.fav__sex, .mp-sex)[data-s="m"] { background: var(--sx-m-bg); color: var(--sx-m); }
.hx :is(.fav__sex, .mp-sex)[data-s="f"] { background: var(--sx-f-bg); color: var(--sx-f); }
.hx :is(.fav__sex, .mp-sex)[data-s="u"] { background: var(--sx-u-bg); color: var(--sx-u); }
.hx :is(.fav__sex, .mp-sex)[data-s="i"] { background: var(--sx-i-bg); color: var(--sx-i); }
.hx :is(.fav__sex, .mp-sex)[data-s="g"] { background: var(--sx-g-bg); color: var(--sx-g); }
.hx .fav__meta--sp { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .fan__sec { display: flex; flex-direction: column; gap: 4px; padding: 4px 0px 16px; }
.hx .fan__sec h3 { margin: 0px 0px 4px; font-size: 16px; font-weight: 600; color: var(--c-on-surface-var, #44544A); }
.hx .fan__sec h3 span { margin-left: 4px; font-family: var(--font-num); font-weight: 500; opacity: 0.7; }
.hx .fan__row { display: flex; align-items: center; gap: 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
.hx .fan__open { flex: 1 1 0%; min-width: 0px; display: flex; align-items: center; gap: 12px; padding: 10px 0px; border: 0px; background: none; font: inherit; text-align: left; color: inherit; cursor: pointer; }
.hx .fan__open img { flex: 0 0 auto; width: 48px; height: 48px; border-radius: 12px; object-fit: cover; background: var(--petrol-050, #E6F0EF); }
.hx .fan__open .dood svg { width: 76%; height: 76%; }
.hx .fan__open span { display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
.hx .fan__open b { font-size: 15px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .fan__open small { font-size: 13px; color: var(--c-on-surface-var, #44544A); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .fan__star { flex: 0 0 auto; display: grid; place-items: center; width: 44px; height: 44px; border: 0px; border-radius: 50%; background: none; color: rgb(138, 150, 143); cursor: pointer; }
.hx .fan__star[aria-pressed="true"] { color: rgb(232, 163, 23); }
.hx .fan__star svg { width: 24px; height: 24px; fill: currentcolor; }
.hx .fan__none { margin: 4px 0px; font-size: 14px; color: var(--c-on-surface-var, #44544A); }
.hx .fan-sheet .gsx-sheet__foot { display: flex; gap: 10px; justify-content: flex-end; }
.hx .fan__clear:disabled { opacity: 0.45; cursor: default; }
.hx .mp-favbtn { display: inline-flex; align-items: center; gap: 6px; }
.hx .mp-favbtn svg { width: 20px; height: 20px; fill: currentcolor; }
.hx .mp-favbtn[aria-pressed="true"] svg { color: rgb(232, 163, 23); }
.hx .fsp-sheet { height: min(88dvh, 860px); }
.hx .fsp-sheet .gsx-sheet__body { position: relative; flex: 1 1 auto; display: flex; flex-direction: column; gap: 12px; padding-bottom: 0px; overflow: hidden; }
.hx .fsp-sheet .gsx-sheet__note b { color: var(--c-primary-ink); font-weight: 600; font-family: var(--font-num); }
.hx .fsp__bar { flex: 0 0 auto; display: flex; gap: 8px; }
.hx .fsp__search, .hx .fsp__site { position: relative; display: flex; align-items: center; gap: 10px; height: 48px; padding: 0px 14px; border-radius: 14px; background: var(--c-white); box-shadow: inset 0 0 0 1px var(--line); }
.hx .fsp__search { flex: 1 1 auto; min-width: 0px; padding-right: 6px; }
.hx .fsp__search:focus-within, .hx .fsp__site:focus-within { box-shadow: inset 0 0 0 2px var(--c-action-ink); }
.hx .fsp__search > .icon { width: 18px; height: 18px; color: var(--ink-mute); flex: 0 0 auto; }
.hx .fsp__search input { flex: 1 1 0%; min-width: 0px; height: 100%; border: 0px; outline: 0px; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: max(16px, var(--fs-body)); color: var(--ink); }
.hx .fsp__search input::-webkit-search-cancel-button { display: none; }
.hx .fsp__clear { flex: 0 0 auto; display: grid; place-items: center; width: 32px; height: 32px; border: 0px; padding: 0px; border-radius: 50%; background: var(--petrol-050, #E6F0EF); color: var(--ink-2); cursor: pointer; }
.hx .fsp__clear .icon { width: 14px; height: 14px; }
.hx .fsp__clear[hidden] { display: none; }
.hx .fsp__site { flex: 0 0 auto; max-width: 46%; gap: 8px; font-size: var(--fs-label); font-weight: 600; color: var(--ink); cursor: pointer; }
.hx .fsp__site > .icon { flex: 0 0 auto; width: 16px; height: 16px; color: var(--c-primary-ink); }
.hx .fsp__site > .icon:last-of-type { color: var(--ink-mute); }
.hx .fsp__site-v { min-width: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hx .fsp__site select { position: absolute; inset: 0px; width: 100%; height: 100%; opacity: 0; border: 0px; font-size: 16px; cursor: pointer; appearance: none; }
.hx .fsp__chips { position: relative; flex: 0 0 auto; display: flex; align-items: center; gap: 8px; overflow-x: auto; scrollbar-width: none; margin: 0px -4px; padding: 4px; }
.hx .fsp__chips::-webkit-scrollbar { display: none; }
.hx .fsp__chip { position: relative; z-index: 1; flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0px 14px; border: 0px; border-radius: var(--r-pill); background: var(--c-white); box-shadow: inset 0 0 0 1px var(--line); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: var(--fs-label); font-weight: 500; color: var(--ink); cursor: pointer; white-space: nowrap; }
.hx .fsp__chip::after { content: ""; position: absolute; inset: -4px 0px; }
.hx .fsp__chip[aria-pressed="true"] { background: var(--c-primary-ink); box-shadow: none; color: var(--c-white); }
.hx .fsp__chip[data-group="klass"] { background: transparent; }
.hx .fsp__chip[data-group="klass"][aria-pressed="true"] { background: transparent; }
.hx .fsp__chips.has-ink .fsp__chip[data-group="klass"][aria-pressed="true"] { box-shadow: none; }
.hx .fsp__chips:not(.has-ink) .fsp__chip[data-group="klass"][aria-pressed="true"] { background: var(--c-primary-ink); }
.hx .fsp__ink { position: absolute; z-index: 0; top: 4px; left: 0px; height: 36px; border-radius: var(--r-pill); background: var(--c-primary-ink); pointer-events: none; }
.hx .fsp__chip[data-group="new"][aria-pressed="true"] { background: var(--c-primary); }
.hx .fsp__chip:focus-visible { outline: 2px solid var(--c-action-ink); outline-offset: 2px; }
.hx .fsp__n { font-family: var(--font-num); font-size: 12px; font-weight: 600; opacity: 0.7; }
.hx .fsp__rule { flex: 0 0 auto; width: 1px; height: 20px; background: var(--line); margin: 0px 4px; }
.hx .fsp__stage { position: relative; flex: 1 1 auto; min-height: 0px; margin: 0px -8px; }
.hx .fsp__grid { position: absolute; inset: 0px; overflow-y: auto; padding: 0px 8px 20px; overscroll-behavior: contain; }
.hx .fsp__sec + .fsp__sec { margin-top: 8px; }
.hx .fsp__sec-h { display: flex; align-items: baseline; gap: 8px; margin: 0px; padding: 10px 0px; font-size: var(--fs-body); font-weight: 600; color: var(--ink); }
.hx .fsp__sec-h span { font-family: var(--font-num); font-size: 13px; font-weight: 600; color: var(--ink-mute); }
.hx .fsp__sec-h small { margin-left: auto; font-size: 13px; font-weight: 600; color: var(--c-primary-ink); }
.hx .fsp__sec-h small:empty { display: none; }
.hx .fsp__tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(148px, 1fr)); gap: 12px; }
.hx .fsp__tile { position: relative; display: block; width: 100%; aspect-ratio: 1 / 1.06; padding: 0px; border: 0px; border-radius: 16px; overflow: hidden; background: var(--petrol-050, #E6F0EF); cursor: pointer; text-align: left; color: var(--c-white); font: inherit; box-shadow: 0 0 0 0 var(--c-white), 0 0 0 0 var(--c-primary); }
.hx .fsp__tile::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0.7)); pointer-events: none; }
.hx .fsp__tile[aria-pressed="true"] { box-shadow: 0 0 0 3px var(--c-white), 0 0 0 6px var(--c-primary); }
.hx .fsp__tile:focus-visible { outline: 2px solid var(--c-action-ink); outline-offset: 8px; }
.hx .fsp__photo { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.hx .fsp__cap { position: absolute; z-index: 1; left: 12px; right: 12px; bottom: 10px; display: flex; flex-direction: column; gap: 1px; }
.hx .fsp__cap b { font-size: 15px; font-weight: 600; line-height: 1.2; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px; }
.hx .fsp__cap small { font-family: var(--font-num); font-size: 12.5px; opacity: 0.88; }
.hx .fsp__new { position: absolute; z-index: 1; top: 10px; left: 10px; padding: 3px 9px; border-radius: var(--r-pill); background: var(--c-white); color: var(--c-primary-ink); font-size: 11px; font-weight: 700; }
.hx .fsp__mark { position: absolute; z-index: 1; top: 8px; right: 8px; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: rgba(16, 32, 30, 0.34); box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 1.5px inset; }
.hx .fsp__mark > * { grid-area: 1 / 1; }
.hx .fsp__mark .icon { width: 16px; height: 16px; }
.hx .fsp__ord { font-family: var(--font-num); font-size: 14px; font-weight: 700; transform: scale(0); opacity: 0; }
.hx .fsp__tile[aria-pressed="true"] .fsp__mark { background: var(--c-primary); box-shadow: 0 0 0 2px var(--c-white); }
.hx .fsp__tile[aria-pressed="true"] .fsp__mark .icon { transform: scale(0) rotate(90deg); opacity: 0; }
.hx .fsp__tile[aria-pressed="true"] .fsp__ord { transform: none; opacity: 1; }
.hx .fsp__ghost { position: absolute; z-index: 2; margin: 0px; pointer-events: none; }
.hx .fsp__none { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 48px 8px; text-align: center; color: var(--ink-mute); font-size: var(--fs-label); }
.hx .fsp__none button { height: 36px; padding: 0px 16px; border: 0px; border-radius: var(--r-pill); background: var(--petrol-050, #E6F0EF); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: var(--fs-label); font-weight: 600; color: var(--ink); cursor: pointer; }
.hx .fsp-sheet .gsx-sheet__foot { align-items: center; }
.hx .fsp__picked { flex: 1 1 auto; min-width: 0px; display: flex; align-items: center; gap: 12px; }
.hx .fsp__faces { flex: 0 0 auto; display: flex; align-items: center; }
.hx .fsp__face { flex: 0 0 auto; width: 34px; height: 34px; margin-right: -8px; padding: 0px; border: 0px; border-radius: 50%; overflow: hidden; background: var(--petrol-050, #E6F0EF); box-shadow: 0 0 0 2px var(--c-white); cursor: pointer; }
.hx .fsp__face img { display: block; width: 100%; height: 100%; object-fit: cover; }
.hx .fsp__more { flex: 0 0 auto; display: grid; place-items: center; min-width: 34px; height: 34px; padding: 0px 6px; border-radius: 17px; background: var(--petrol-050, #E6F0EF); box-shadow: 0 0 0 2px var(--c-white); font-family: var(--font-num); font-size: 12px; font-weight: 700; color: var(--ink-2); }
.hx .fsp__faces > :last-child { margin-right: 0px; }
.hx .fsp__sum { min-width: 0px; font-size: var(--fs-label); color: var(--ink-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .fsp__sum b { color: var(--ink); font-weight: 600; }
.hx .fsp-sheet .gsx-sheet__foot .gsx-btn { flex: 0 0 auto; min-width: 132px; padding: 0px 24px; }
.hx .fsp__toast { position: absolute; z-index: 3; left: 50%; bottom: calc(var(--fsp-foot, 88px) + 12px); display: flex; align-items: center; gap: 14px; max-width: calc(100% - 32px); padding: 8px 8px 8px 16px; border-radius: 14px; background: rgb(28, 43, 42); color: var(--c-white); font-size: var(--fs-label); white-space: nowrap; box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 30px; transform: translate(-50%, 0px); opacity: 1; }
.hx .fsp__toast[hidden] { display: none; }
.hx .fsp__toast span { overflow: hidden; text-overflow: ellipsis; }
.hx .fsp__toast button { flex: 0 0 auto; height: 32px; padding: 0px 14px; border: 0px; border-radius: 9px; background: rgba(255, 255, 255, 0.14); color: rgb(155, 227, 180); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-weight: 600; cursor: pointer; }
.hx .adeck { margin: 16px -8px; padding: 16px; border-radius: 12px; background: linear-gradient(rgba(175, 239, 235, 0.5) 0%, rgba(230, 230, 230, 0.4) 197.3%); }
.hx .hstrip { position: relative; margin: 20px -8px 0px; border-radius: 8px; overflow: hidden; }
.hx[data-home="v2"] .hstrip + .adeck { margin-top: 20px; }
.hx:root[data-home="v2"] .adeck { margin-bottom: 20px; }
.hx:root[data-home="v2"] :is(.site-tabs--v2, .kins, .modules-band) { margin-top: 20px; }
.hx .hstrip__lane { height: 42.6px; border-radius: 8px; overflow: auto hidden; overscroll-behavior-x: contain; scrollbar-width: none; }
.hx .hstrip__lane::-webkit-scrollbar { display: none; }
.hx .hstrip__tape, .hx .hstrip__set { display: flex; width: max-content; height: 100%; }
.hx .hstrip { --hs-cap: 42.5px; }
.hx .hstrip__tape { padding-left: calc(var(--hs-cap) - 12px); }
.hx .hstrip__run { flex: 0 0 auto; display: flex; align-items: center; gap: 12px; height: 100%; padding: 0px; }
.hx .hstrip__run--births { background: linear-gradient(179.08deg, rgba(92, 214, 206, 0.2) 0%, rgba(36, 186, 178, 0.2) 100%); }
.hx .hstrip__run--deaths { background: linear-gradient(179.05deg, rgba(251, 153, 132, 0.2) 0%, rgba(251, 128, 102, 0.2) 100%); }
.hx .hstrip__run--audit { background: rgba(252, 244, 174, 0.6); }
.hx .hstrip__label { align-self: stretch; padding: 0px 0px 0px 8px; flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; border: 0px; background: none; cursor: pointer; -webkit-tap-highlight-color: transparent; font-family: var(--font); font-size: 12px; font-weight: 600; line-height: normal; letter-spacing: 0px; white-space: nowrap; }
.hx .hstrip__run--births .hstrip__label, .hx .hstrip__pin[data-k="natality"] .hstrip__label { color: rgb(0, 175, 214); }
.hx .hstrip__run--deaths .hstrip__label, .hx .hstrip__pin[data-k="mortality"] .hstrip__label { color: rgb(250, 97, 64); }
.hx .hstrip__run--audit .hstrip__label, .hx .hstrip__pin[data-k="audit"] .hstrip__label { color: rgb(37, 14, 1); }
.hx .hstrip__label b { font-weight: 600; color: rgb(250, 97, 64); }
.hx .hstrip__pin { position: absolute; z-index: 2; top: 0px; bottom: 0px; left: var(--hs-cap); display: flex; will-change: transform; }
.hx .hstrip__pin[hidden] { display: none; }
.hx .hstrip__pin .hstrip__label { padding-right: 18px; }
.hx .hstrip__pin[data-k="natality"] .hstrip__label { background: linear-gradient(90deg, rgb(218, 245, 243) calc(100% - 10px), rgba(218, 245, 243, 0)); }
.hx .hstrip__pin[data-k="mortality"] .hstrip__label { background: linear-gradient(90deg, rgb(254, 233, 227) calc(100% - 10px), rgba(254, 233, 227, 0)); }
.hx .hstrip__pin[data-k="audit"] .hstrip__label { background: linear-gradient(90deg, rgb(253, 248, 206) calc(100% - 10px), rgba(253, 248, 206, 0)); }
.hx .hstrip__ico { flex: 0 0 auto; display: grid; place-items: center; width: 18px; height: 18px; overflow: hidden; transition: width 0.25s, margin 0.25s, opacity 0.2s; }
.hx .hstrip__label.is-stuck .hstrip__ico { width: 0px; margin-right: -6px; opacity: 0; }
.hx .hstrip__ico img { display: block; flex: 0 0 auto; }
.hx .hstrip__ico--deaths img { transform: rotate(44.67deg); }
.hx .hstrip__it { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; height: 20px; padding: 0px 12px 0px 0px; border-width: 0px 1px 0px 0px; border-top-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-right-style: solid; border-right-color: rgba(0, 0, 0, 0.05); background: none; font: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.hx .hstrip__av { flex: 0 0 auto; width: 20px; height: 20px; border-radius: 10px; background: center center / cover no-repeat rgb(221, 227, 224); }
.hx .hstrip__txt { white-space: nowrap; font-size: 14px; font-weight: 400; line-height: normal; letter-spacing: 0px; color: rgb(68, 84, 74); }
.hx .hstrip__txt b { font-weight: 600; }
.hx .hstrip__label:focus-visible, .hx .hstrip__it:focus-visible { outline: 2px solid var(--c-add-primary, #00AFD6); outline-offset: 2px; border-radius: 4px; }
.hx .hstrip__cap { position: absolute; z-index: 3; left: 0px; top: 0px; bottom: 0px; width: var(--hs-cap); padding: 8px 0px 8px 12px; border-radius: 8px 0px 0px 8px; pointer-events: none; transition: background-color 0.45s; mask-image: linear-gradient(90deg, rgb(0, 0, 0) calc(100% - 6px), transparent); }
.hx .hstrip__cap[data-k="natality"] { background: linear-gradient(179.08deg, rgb(222, 247, 245) 0%, rgb(211, 241, 240) 100%); }
.hx .hstrip__cap[data-k="mortality"] { background: linear-gradient(179.05deg, rgb(254, 235, 230) 0%, rgb(254, 230, 224) 100%); }
.hx .hstrip__cap[data-k="audit"] { background: rgb(253, 248, 206); }
.hx .hstrip__live { position: relative; display: block; width: 18.5px; height: 26.6px; overflow: hidden; }
.hx .hstrip__live img { position: absolute; inset: 0px; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.hx .hstrip__live-still { display: none; }
.hx:not([data-home="v2"]) .hstrip { display: none; }
.hx .gsx-sheet.hsx { width: min(760px, 100% - 32px); height: min(80dvh, 720px); }
.hx .hsx .gsx-sheet__head { padding-bottom: 12px; box-shadow: none; align-items: center; }
.hx .hsx { font-family: var(--font); }
.hx .hsx .gsx-sheet__title { font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: 0px; color: rgb(68, 84, 74); }
.hx .hsx .gsx-sheet__body { flex: 1 1 auto; min-height: 0px; display: flex; flex-direction: column; overflow: hidden; padding-top: 0px; padding-bottom: 0px; }
.hx .hsx .gsx-sheet__foot { display: none; }
.hx[data-home="v2"] .hsx .hsx__seg, .hx .hsx .hsx__seg { display: flex; align-self: stretch; flex: 0 0 auto; margin: 0px 0px 8px; }
.hx .hsx .hsx__seg .v2seg__opt { flex: 1 1 0px; min-height: 40px; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; line-height: normal; color: rgb(122, 134, 132); }
.hx .hsx .hsx__seg .v2seg__opt[aria-pressed="true"] { font-weight: 500; color: rgb(68, 84, 74); }
.hx .hsx .hsx__seg .v2seg__opt b { font-weight: 600; color: inherit; }
.hx .hsx .hsx__seg .v2seg__opt[data-k="natality"][aria-pressed="true"] b { color: rgb(0, 171, 171); }
.hx .hsx .hsx__seg .v2seg__opt[data-k="mortality"][aria-pressed="true"] b { color: rgb(250, 97, 64); }
.hx .hsx .gsx-sheet__titles { flex: 1 1 auto; min-width: 0px; }
.hx .hsx .gsx-sheet__title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .hsx :is(.hsx__row, .hsx__all) .hstrip__chev { flex: 0 0 auto; display: block; width: 16px; height: 16px; padding: 3.33px 5.33px; box-sizing: border-box; }
.hx .hsx__row .hstrip__chev { align-self: center; margin: 0px 0px 0px 2px; }
.hx .hsx__scroll { flex: 1 1 auto; min-height: 0px; margin: 0px -8px; padding: 0px 8px 20px; list-style: none; overflow-y: auto; overscroll-behavior: contain; }
.hx .hsx__scroll li { position: relative; }
.hx .hsx__scroll li + li::before { content: ""; position: absolute; top: 0px; left: 64px; right: 8px; height: 1px; background: rgba(68, 84, 74, 0.08); }
.hx .hsx__row { width: 100%; display: flex; align-items: center; gap: 12px; padding: 12px 8px; border: 0px; border-radius: 12px; background: none; font: inherit; text-align: left; color: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background 0.2s; }
.hx .hsx__row:hover { background: rgba(31, 65, 91, 0.04); }
.hx .hsx__row:active { background: rgba(31, 65, 91, 0.07); }
.hx .hsx__row:focus-visible, .hx .hsx__all:focus-visible { outline: 2px solid var(--c-add-primary, #00AFD6); outline-offset: -2px; }
.hx .hsx__list[data-run="births"] .hsx__row.is-hit { animation: 1.8s ease-out 0s 1 normal none running hsx-hit-b; }
.hx .hsx__list[data-run="deaths"] .hsx__row.is-hit { animation: 1.8s ease-out 0s 1 normal none running hsx-hit-d; }
@keyframes hsx-hit-b { 
  0%, 40% { background: rgba(0, 171, 171, 0.12); }
}
@keyframes hsx-hit-d { 
  0%, 40% { background: rgba(250, 97, 64, 0.11); }
}
.hx .hsx__ph { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 12px; background: center center / cover no-repeat rgb(221, 227, 224); }
.hx .hsx__t { flex: 1 1 auto; min-width: 0px; display: grid; gap: 4px; }
.hx .hsx__t b { font-size: 14px; font-weight: 600; line-height: normal; letter-spacing: 0px; color: rgb(68, 84, 74); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .hsx__t small { font-size: 12px; font-weight: 400; line-height: normal; letter-spacing: 0px; color: rgb(122, 134, 132); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .hsx__n { flex: 0 0 auto; min-width: 32px; padding: 0px; display: block; text-align: right; font-family: var(--font); font-size: 20px; font-weight: 500; line-height: normal; letter-spacing: 0px; font-variant-numeric: tabular-nums; color: rgb(0, 171, 171); background: none; }
.hx .hsx__list[data-run="deaths"] .hsx__n { color: rgb(250, 97, 64); }
.hx .hsx__none { padding: 32px 8px; text-align: center; font-size: 14px; font-weight: 400; color: rgb(122, 134, 132); }
.hx .hsx__scroll li.hsx__more::before { display: none; }
.hx .hsx__more { display: flex; justify-content: center; padding-top: 8px; }
.hx .hsx__all { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0px 16px; border: 0px; border-radius: 20px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; line-height: normal; color: rgb(68, 84, 74); cursor: pointer; }
.hx .hsx__all:hover { background: rgba(31, 65, 91, 0.05); }
.hx .adeck__head { display: flex; align-items: center; justify-content: space-between; height: 19px; margin: 0px 0px 16px; }
.hx .adeck__title { margin: 0px; font-size: 16px; font-weight: 500; line-height: 19px; letter-spacing: 0px; color: var(--c-on-surface-var, #44544A); white-space: nowrap; }
.hx .adeck__all { position: relative; display: inline-flex; align-items: center; gap: 4px; height: 18px; padding: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: 0.1px; color: var(--c-add-primary, #00AFD6); white-space: nowrap; cursor: pointer; }
.hx .adeck__all::after { content: ""; position: absolute; inset: -13px -8px; }
.hx .adeck__all img { display: block; width: 18px; height: 18px; }
.hx .adeck__all:focus-visible { outline: 2px solid var(--c-add-primary, #00AFD6); outline-offset: 4px; border-radius: 4px; }
.hx .adeck__stack { position: relative; display: grid; touch-action: pan-y; }
.hx .adeck__dwell { position: absolute; left: 0px; bottom: 0px; width: 1px; height: 1px; opacity: 0; pointer-events: none; animation: 6000ms linear 0s 1 normal forwards running adeck-dwell; }
@keyframes adeck-dwell { 
  100% { opacity: 0; }
}
.hx .adeck:has(.is-dragging) .adeck__dwell, .hx .adeck:has(:focus-visible) .adeck__dwell, .hx.is-hidden .adeck__dwell, .hx.is-editing .adeck__dwell { animation-play-state: paused; }
.hx .adeck__card { grid-area: 1 / 1; position: relative; z-index: 3; box-sizing: border-box; display: flex; align-items: stretch; width: calc(100% - 32px); height: 210px; padding: 12px; border-radius: 12px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) 8px 0px 16px; overflow: hidden; transform-origin: 100% 0px; cursor: grab; transition: transform var(--adeck-ms, 640ms) var(--adeck-ease, cubic-bezier(.4, 0, .2, 1)), opacity 320ms ease; user-select: none; -webkit-tap-highlight-color: transparent; }
.hx .adeck__card:not([data-i="0"]) { position: absolute; inset: 0px auto 0px 0px; }
.hx .adeck.is-openable .adeck__card[data-i="0"] { cursor: pointer; }
.hx .adeck__card[data-i="1"] { z-index: 2; transform: translate(16px, 10px) scale(0.9376, 0.9065); }
.hx .adeck__card[data-i="2"] { z-index: 1; box-shadow: none; transform: translate(31.74px, 15.32px) scale(0.8883, 0.8573); }
.hx .adeck__card[data-i="3"] { z-index: 0; opacity: 0; pointer-events: none; transform: translate(31.74px, 15.32px) scale(0.8883, 0.8573); }
.hx .adeck__card.is-dragging { transition: none; cursor: grabbing; }
.hx .adeck__card.is-flying { z-index: 4; transition: none; pointer-events: none; }
.hx .adeck__card > * { pointer-events: none; }
.hx .adeck__body { flex: 1 1 0px; min-width: 0px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 12px; padding-right: 12px; }
.hx .adeck__chip { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 2px 12px 2px 2px; border-radius: 100px; background: rgba(55, 189, 105, 0.1); font-size: 12px; font-weight: 600; line-height: normal; letter-spacing: 0px; color: var(--c-on-surface-var, #44544A); white-space: nowrap; }
.hx .adeck__chip img { display: block; width: 32px; height: 32px; }
.hx .adeck__card[data-k="important"] .adeck__chip { background: rgba(233, 51, 83, 0.1); }
.hx .adeck__text { flex: 1 1 auto; min-height: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; width: 100%; }
.hx .adeck__hl { margin: 0px; font-size: 16px; font-weight: 500; line-height: 19.5px; letter-spacing: 0px; color: transparent; background: linear-gradient(-38.56deg, rgb(0, 175, 214) 0.6%, rgb(55, 189, 105) 103.4%) text; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hx .adeck__card[data-k="important"] .adeck__hl { background-image: linear-gradient(133.1deg, rgb(233, 51, 83) 1.5%, rgb(250, 97, 64) 96.9%); }
.hx .adeck__desc { margin: 0px; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: 0px; color: var(--c-on-surface-var, #44544A); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.hx .adeck__meta { margin-top: auto; display: flex; align-items: center; gap: 4px; max-width: 100%; padding: 4px 0px; font-size: 12px; font-weight: 600; line-height: normal; letter-spacing: 0px; color: var(--c-neutral-2, #7A8684); white-space: pre; }
.hx .adeck__meta > span { min-width: 0px; overflow: hidden; text-overflow: ellipsis; }
.hx .adeck__meta > span:first-child { flex: 0 0 auto; }
.hx .adeck__img { position: relative; flex: 0 0 auto; align-self: stretch; width: 180px; border-radius: 6px; overflow: hidden; }
.hx .adeck__img img { position: absolute; inset: 0px; display: block; width: 100%; height: 100%; object-fit: cover; }
.hx .adeck__card { --adeck-h: 232px; height: var(--adeck-h); }
.hx .adeck__desc { -webkit-line-clamp: 4; }
.hx .adeck__img { width: min(calc((var(--adeck-h) - 24px) * var(--ar, 1.5)), 50%); }
.hx :is(.adeck__state, .adeck__by, .adeck__more, .adeck__att, .adeck__n) { display: none; }
.hx .adeck__foot { display: flex; align-items: center; justify-content: center; gap: 16px; height: 19px; margin-top: 16px; }
.hx .adeck__dots { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; gap: 6px; height: 8px; }
.hx .adeck__foot .adeck__all { flex: 0 0 auto; gap: 4px; height: auto; padding: 2px 0px; border-radius: 100px; font-size: 12px; font-weight: 500; line-height: normal; letter-spacing: 0px; color: rgb(0, 109, 53); }
.hx .adeck__foot .adeck__all img { width: 14px; height: 14px; }
.hx .adeck__dots i { width: 8px; height: 8px; border-radius: 4px; background: rgba(31, 65, 91, 0.18); transition: width 420ms var(--spring-smooth, ease), background-color 240ms ease; }
.hx .adeck__dots i.on { width: 20px; background: rgba(0, 0, 0, 0.2); }
.hx .dpop-veil { position: fixed; inset: 0px; z-index: 420; background: rgba(16, 45, 52, 0.32); backdrop-filter: blur(6px); opacity: 0; transition: opacity 260ms; }
.hx .dpop-veil.is-on { opacity: 1; }
.hx .dpop { --dpop-t: 460ms var(--spring-smooth, cubic-bezier(.32, .72, 0, 1)); position: fixed; left: 50%; top: 50%; z-index: 421; box-sizing: border-box; width: min(560px, -32px + 100vw); height: min(640px, -96px + 100dvh); border-radius: 20px; background: rgb(255, 255, 255); overflow: hidden; box-shadow: rgba(16, 45, 52, 0.45) 0px 30px 80px -20px; transform: translate(-50%, -50%) scale(0.94); opacity: 0; transition: width var(--dpop-t), height var(--dpop-t), border-radius var(--dpop-t), transform 320ms var(--spring-smooth, ease), opacity 220ms ease; }
.hx .dpop.is-on { transform: translate(-50%, -50%); opacity: 1; }
.hx .dpop.is-full { width: 100vw; height: 100dvh; border-radius: 0px; }
.hx .dpop__scroll { position: absolute; inset: 0px; overflow-y: auto; overscroll-behavior: contain; }
.hx .dpop__media { position: relative; height: 260px; overflow: hidden; background: var(--dpop-slab, rgba(31, 65, 91, .06)); transition: height var(--dpop-t); }
.hx .dpop.is-full .dpop__media { height: min(46dvh, 440px); }
.hx .dpop__media > img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.hx .dpop__x { position: absolute; top: 12px; right: 12px; z-index: 2; display: grid; place-items: center; width: 40px; height: 40px; padding: 0px; border: 0px; border-radius: 50%; background: rgba(255, 255, 255, 0.86); backdrop-filter: blur(12px); box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 8px; color: rgb(29, 43, 42); cursor: pointer; }
.hx .dpop__x::after { content: ""; position: absolute; inset: -4px; }
.hx .dpop__x svg { width: 18px; height: 18px; }
.hx .dpop__x:focus-visible { outline: 2px solid var(--c-add-primary, #00AFD6); outline-offset: 2px; }
.hx .dpop__hint { position: absolute; left: 50%; bottom: 12px; z-index: 2; transform: translateX(-50%); padding: 6px 12px; border-radius: 100px; background: rgba(0, 0, 0, 0.55); color: rgb(255, 255, 255); font-size: 12px; font-weight: 500; white-space: nowrap; pointer-events: none; transition: opacity 200ms; }
.hx .dpop.is-full .dpop__hint { opacity: 0; }
.hx .dpop--peek { z-index: 421; cursor: pointer; pointer-events: auto; opacity: 0; transition: opacity 240ms; }
.hx .dpop--peek.is-on { opacity: 1; }
.hx .dpop--peek .dpop__scroll { overflow: hidden; pointer-events: none; }
.hx .dpop--peek.is-none, .hx .dpop--peek.is-away { opacity: 0; pointer-events: none; }
.hx .dpop.is-snap { transition: none !important; }
.hx .dpop.is-moving { transition: width var(--dpop-t), height var(--dpop-t), border-radius var(--dpop-t), opacity 220ms ease; }
.hx .dpop, .hx .dpop__scroll { touch-action: pan-y; }
.hx .dpop__shade { position: absolute; inset: 0px; z-index: 4; border-radius: inherit; background: rgba(16, 45, 52, 0.2); opacity: var(--shade, 0); pointer-events: none; }
.hx .dpop__x, .hx .dpop__count { opacity: var(--ctl, 1); }
.hx .dpop:not(.is-full) .dpop__hint { opacity: var(--ctl, 1); }
.hx .dpop--peek:hover .dpop__shade { opacity: calc(var(--shade, 0) * .6); }
.hx .dpop__count { position: absolute; top: 20px; left: 16px; z-index: 2; padding: 5px 10px; border-radius: 100px; background: rgba(0, 0, 0, 0.45); color: rgb(255, 255, 255); font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; pointer-events: none; }
.hx:has(body.dpop-open), .hx.dpop-open { overflow: hidden; overscroll-behavior: none; }
.hx.is-scroll-locked, .hx.is-scroll-locked body { overflow: hidden; overscroll-behavior: none; }
.hx [aria-modal="true"] { overscroll-behavior: contain; }
.hx .dpop__plate { position: absolute; left: 16px; right: 16px; bottom: 16px; display: flex; align-items: center; gap: 12px; padding: 8px 16px 8px 8px; border-radius: 12px; background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(10px); color: rgb(255, 255, 255); }
.hx .dpop__plate img { flex: 0 0 auto; width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
.hx .dpop__plate b { display: block; font-size: 17px; font-weight: 500; }
.hx .dpop__plate small { display: block; font-size: 14px; opacity: 0.92; }
.hx .dpop__plate em { margin-left: auto; font-style: normal; font-size: 17px; font-weight: 500; }
.hx .dpop__body { display: flex; flex-direction: column; gap: 12px; max-width: 680px; margin: 0px auto; padding: 20px 24px 64px; }
.hx .dpop__prio { position: absolute; top: 12px; right: 60px; z-index: 1; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--dpop-badge, #fff); box-shadow: rgba(31, 65, 91, 0.16) 0px 1px 3px; }
.hx .dpop__prio img { display: block; width: 26px; height: 26px; }
.hx .dpop__prio span { font-size: 19px; font-weight: 600; line-height: 1; letter-spacing: -0.4px; color: var(--dpop-glyph, #1F415B); }
.hx .dpop__title { margin: 0px; font-size: 24px; font-weight: 600; line-height: 1.25; letter-spacing: -0.01em; color: rgb(31, 65, 91); }
.hx .dpop__tags { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0px; padding: 0px; list-style: none; font-size: 13px; color: var(--c-neutral-2, #7A8684); }
.hx .dpop__tags li::before { content: "•"; margin-right: 8px; }
.hx .dpop__tags li:first-child::before { content: none; }
.hx .dpop__note { margin: 4px 0px 0px; padding-top: 14px; border-top: 1px solid rgba(31, 65, 91, 0.08); font-size: 16px; line-height: 26px; color: var(--c-on-surface-var, #44544A); }
.hx .dpop__date { font-size: 13px; font-weight: 500; color: var(--c-neutral-2, #7A8684); }
.hx .dpop__foot { display: flex; align-items: center; gap: 18px; margin-top: 8px; padding-top: 14px; border-top: 1px solid rgba(31, 65, 91, 0.08); font-size: 14px; color: rgb(31, 65, 91); }
.hx .dpop__who { display: inline-flex; align-items: center; gap: 8px; margin-right: auto; font-weight: 500; }
.hx .dpop__av { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(31, 65, 91, 0.08); font-size: 11px; font-weight: 700; }
.hx .dpop__n { display: inline-flex; align-items: center; gap: 6px; font-variant-numeric: tabular-nums; }
.hx .dpop__n img { width: 20px; height: 20px; }
.hx .dpop__thread { margin-top: 8px; padding-top: 16px; border-top: 1px solid rgba(31, 65, 91, 0.08); }
.hx .dpop:not(.is-full) .dpop__thread { display: none; }
.hx[data-home="v2"] #recentObs .obs { cursor: pointer; }
.hx #recentObs .obs.is-off { display: none; }
.hx[data-home="v2"] #recentObs .obs:focus-visible { outline: 2px solid var(--c-add-primary, #00AFD6); outline-offset: 3px; }
.hx .mpage { --mp-bg: #EFF5F2; --mp-card: #fff; --mp-line: #DFE8E4; --mp-line-2: #EAF0ED; --mp-ink: #1C3A48; --mp-text: #3D4D48; --mp-mute: #6B7A75; --mp-faint: #97A4A0; --mp-green: #0E7A45; --mp-green-bg: #E3F3EA; --mp-primary: #1E4F5A; --mp-focus: #00AFD6; --mp-r: 12px; --mp-gap: 16px; --mp-edge: 24px; position: fixed; inset: 0px; z-index: 405; display: flex; flex-direction: column; background: var(--mp-bg); color: var(--mp-text); font-size: 14px; line-height: 20px; opacity: 0; transform: translateX(24px); transition: opacity 220ms ease, transform 380ms var(--spring-smooth, cubic-bezier(.32, .72, 0, 1)); }
.hx .mpage.is-open { opacity: 1; transform: none; }
.hx .mpage[hidden] { display: none !important; }
.hx.is-mpage { overflow: hidden; }
.hx .mpage :is(a, button, input, select, textarea, label):focus-visible { outline: 2px solid var(--mp-focus); outline-offset: 2px; }
.hx .mpage__bar { flex: 0 0 auto; display: flex; align-items: center; gap: 12px; min-height: 72px; padding: max(12px, env(safe-area-inset-top)) var(--mp-edge) 8px; }
.hx .mpage__back { flex: 0 0 auto; display: grid; place-items: center; width: 44px; height: 44px; margin-left: -12px; padding: 0px; border: 0px; border-radius: 50%; background: none; color: var(--mp-ink); cursor: pointer; }
.hx .mpage__back svg { width: 24px; height: 24px; }
.hx .mpage__back .vx-back { display: none; }
.hx .mpage__head { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; }
.hx .mpage__title { margin: 0px; font-size: 22px; font-weight: 600; line-height: 28px; letter-spacing: -0.01em; color: var(--mp-ink); outline: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .mpage__sub { font-size: 13px; line-height: 18px; color: var(--mp-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .mpage__sub:empty { display: none; }
.hx .mpage__right { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; }
.hx .mpage__body { flex: 1 1 auto; min-height: 0px; display: flex; flex-direction: column; gap: var(--mp-gap); overflow-y: auto; overscroll-behavior: contain; padding: 8px var(--mp-edge) 32px; outline: none; }
.hx .mpage__body > * { flex: 0 0 auto; }
.hx .mpage__body > :is(.mp-actbar, .mp-status) { margin-top: auto; }
.hx .mpage__body:has(> :is(.mp-actbar, .mp-status):last-child) { padding-bottom: 0px; }
.hx .mpage__body:has(> .mp-fab) { padding-bottom: 104px; }
.hx .mp-h, .hx .mp-panel h3, .hx .mp-kv h3 { margin: 0px; font-size: 15px; font-weight: 600; line-height: 20px; color: var(--mp-ink); }
.hx .mp-panel h3 small { margin-left: 6px; font-size: 13px; font-weight: 400; color: var(--mp-mute); }
.hx .mp-note { margin: 0px; font-size: 13px; line-height: 18px; color: var(--mp-mute); }
.hx .mp-note b { font-weight: 600; color: var(--mp-text); }
.hx .mp-count { margin: 0px; font-size: 13px; font-weight: 600; line-height: 18px; color: var(--mp-mute); }
.hx .mp-num { font-family: 'DM Sans', var(--font); font-weight: 600; font-style: normal; font-variant-numeric: tabular-nums; }
.hx .mp-aaid { font-size: 13px; font-weight: 600; color: var(--mp-primary); font-variant-numeric: tabular-nums; }
.hx .mp-eyebrow { font-size: 12px; font-weight: 600; line-height: 16px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--mp-mute); }
.hx .mp-loading, .hx .mp-empty { padding: 40px 16px; font-size: 14px; text-align: center; color: var(--mp-mute); }
.hx .mp-sample { display: inline-flex; align-items: center; height: 28px; padding: 0px 10px; border-radius: 14px; background: rgb(255, 243, 209); color: rgb(122, 87, 0); font-size: 12px; font-weight: 600; white-space: nowrap; }
.hx .mp-panel, .hx .mp-kv { padding: 16px; border: 1px solid var(--mp-line); border-radius: var(--mp-r); background: var(--mp-card); }
.hx .mp-panel { display: flex; flex-direction: column; gap: 12px; }
.hx .mp-panel__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.hx .mp-panel__head p { margin: 2px 0px 0px; font-size: 13px; line-height: 18px; color: var(--mp-mute); }
.hx .mp-kv { display: flex; flex-direction: column; gap: 12px; }
.hx .mp-kv dl { margin: 0px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px 24px; }
.hx .mp-kv dt { font-size: 12px; line-height: 16px; color: var(--mp-mute); }
.hx .mp-kv dd { margin: 2px 0px 0px; font-size: 14px; font-weight: 500; line-height: 20px; color: var(--mp-ink); }
.hx .mp-tools { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.hx .mp-tools > .mp-seg:last-child { margin-left: auto; }
.hx .mp-pick, .hx .mp-pill, .hx .mp-sort, .hx .mp-link.is-strong { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0px 12px; border: 1px solid var(--mp-line); border-radius: 10px; background: var(--mp-card); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13px; font-weight: 500; color: var(--mp-ink); text-decoration: none; white-space: nowrap; cursor: pointer; }
.hx :is(.mp-pick, .mp-pill, .mp-sort, .mp-link) svg { flex: 0 0 auto; width: 16px; height: 16px; color: var(--mp-mute); }
.hx .mp-pick span { max-width: 180px; overflow: hidden; text-overflow: ellipsis; }
.hx .mp-sort select { height: 100%; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-weight: 600; color: inherit; cursor: pointer; }
.hx .mp-sort.is-wide span { color: var(--mp-mute); }
.hx .mp-link { display: inline-flex; align-items: center; gap: 6px; padding: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13px; font-weight: 600; color: var(--mp-green); text-decoration: none; cursor: pointer; }
.hx .mp-badge { min-width: 20px; height: 20px; padding: 0px 6px; border-radius: 10px; background: rgb(229, 72, 77); color: rgb(255, 255, 255); font-size: 11px; font-weight: 700; line-height: 20px; text-align: center; }
.hx .mp-seg { display: inline-flex; gap: 2px; padding: 3px; border-radius: 10px; background: rgb(226, 235, 231); }
.hx .mp-seg button { height: 32px; padding: 0px 12px; border: 0px; border-radius: 8px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13px; font-weight: 500; color: var(--mp-text); cursor: pointer; white-space: nowrap; }
.hx .mp-seg button[aria-pressed="true"] { background: var(--mp-card); color: var(--mp-ink); font-weight: 600; box-shadow: rgba(28, 58, 72, 0.1) 0px 1px 2px; }
.hx .mp-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0px 20px; border: 0px; border-radius: 10px; background: var(--mp-primary); color: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 600; text-decoration: none; cursor: pointer; }
.hx .mp-btn.is-ghost { background: var(--mp-card); color: var(--mp-ink); box-shadow: inset 0 0 0 1px var(--mp-line); }
.hx .mp-btn.is-bad { background: rgb(217, 63, 69); }
.hx .mp-btn.is-small { min-height: 32px; padding: 0px 12px; font-size: 13px; border-radius: 8px; }
.hx .mp-btn:disabled { background: rgb(197, 207, 203); color: rgb(255, 255, 255); cursor: not-allowed; }
.hx .mp-btn:active:not(:disabled) { transform: scale(0.98); }
.hx .mp-round { flex: 0 0 auto; display: grid; place-items: center; width: 40px; height: 40px; padding: 0px; border: 1px solid var(--mp-line); border-radius: 50%; background: var(--mp-card); color: var(--mp-primary); cursor: pointer; }
.hx .mp-round svg { width: 18px; height: 18px; }
.hx .mp-round.is-bad { width: 44px; height: 44px; border-radius: 10px; border-color: rgb(244, 212, 213); background: rgb(253, 241, 241); color: rgb(217, 63, 69); }
.hx .mp-tabs, .hx .mp-subtabs { display: flex; gap: 24px; border-bottom: 1px solid var(--mp-line); overflow-x: auto; scrollbar-width: none; }
.hx .mp-tabs::-webkit-scrollbar, .hx .mp-subtabs::-webkit-scrollbar { display: none; }
.hx .mp-tab, .hx .mp-subtabs a { position: relative; flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 500; color: var(--mp-mute); text-decoration: none; white-space: nowrap; cursor: pointer; }
.hx .mp-tab b { min-width: 24px; height: 22px; padding: 0px 7px; border-radius: 11px; background: rgb(226, 235, 231); font-family: 'DM Sans', var(--font); font-size: 12px; font-weight: 600; line-height: 22px; text-align: center; color: var(--mp-text); font-variant-numeric: tabular-nums; }
.hx :is(.mp-tab[aria-selected="true"], .mp-subtabs a[aria-current="page"]) { color: var(--mp-ink); font-weight: 600; }
.hx .mp-tab[aria-selected="true"] b { background: var(--mp-green-bg); color: var(--mp-green); }
.hx :is(.mp-tab[aria-selected="true"], .mp-subtabs a[aria-current="page"])::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: -1px; height: 2px; border-radius: 2px; background: var(--mp-green); }
.hx .mp-find { display: flex; gap: 8px; }
.hx .mp-search { flex: 1 1 auto; min-width: 0px; display: flex; align-items: center; gap: 8px; height: 44px; padding: 0px 12px; border: 1px solid var(--mp-line); border-radius: 10px; background: var(--mp-card); }
.hx .mp-search svg { flex: 0 0 auto; width: 18px; height: 18px; color: var(--mp-faint); }
.hx .mp-search input { flex: 1 1 auto; min-width: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; color: var(--mp-ink); outline: none; }
.hx .mp-search input::placeholder { color: var(--mp-faint); }
.hx .mp-search:focus-within { border-color: var(--mp-focus); box-shadow: rgba(0, 175, 214, 0.12) 0px 0px 0px 3px; }
.hx .mp-fbtn { position: relative; flex: 0 0 auto; display: grid; place-items: center; width: 44px; height: 44px; padding: 0px; border: 1px solid var(--mp-line); border-radius: 10px; background: var(--mp-card); color: var(--mp-ink); cursor: pointer; }
.hx .mp-fbtn svg { width: 18px; height: 18px; }
.hx .mp-fbtn.is-on { border-color: var(--mp-primary); background: var(--mp-primary); color: rgb(255, 255, 255); }
.hx .mp-fbtn b { position: absolute; top: -6px; right: -6px; min-width: 18px; height: 18px; border-radius: 9px; background: rgb(229, 72, 77); color: rgb(255, 255, 255); font-size: 11px; line-height: 18px; }
.hx .mp-more { align-self: center; height: 40px; margin-top: 8px; padding: 0px 18px; border: 1px solid var(--mp-line); border-radius: 20px; background: var(--mp-card); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13px; font-weight: 600; color: var(--mp-ink); cursor: pointer; }
.hx .mp-more small { margin-left: 4px; font-weight: 400; color: var(--mp-mute); }
.hx .dood { display: grid; place-items: center; overflow: hidden; background: rgb(227, 241, 234); color: rgb(78, 138, 114); }
.hx .dood svg { display: block; width: 66%; height: 66%; overflow: visible; }
.hx .dood svg :is(path, circle, ellipse, line, polyline, polygon, rect) { stroke-width: 2.2; }
.hx :is(.mp-thumb, .sr-hero__photo, .vx-av, .vx-ph, .mt-ph, .nc-ph, .fav__card, .fsp__tile, .fsp__face) > .dood { position: absolute; inset: 0px; }
.hx :is(.mp-thumb, .vx-av, .fsp__face) > .dood svg, .hx .kins__av.dood svg { width: 76%; height: 76%; }
.hx :is(.mp-thumb, .vx-av, .fsp__face) > .dood svg :is(path, circle, ellipse, line, polyline, polygon, rect), .hx .kins__av.dood svg :is(path, circle, ellipse, line, polyline, polygon, rect) { stroke-width: 3; }
.hx .fav__card > .dood { align-items: start; padding-top: 14%; background: linear-gradient(160deg, rgb(76, 133, 113) 0%, rgb(47, 95, 80) 100%); color: rgba(255, 255, 255, 0.72); }
.hx .fav__card > .dood svg { width: 62%; height: auto; aspect-ratio: 1 / 1; }
.hx .fsp__tile > .dood svg { width: 58%; height: 58%; }
.hx .fan__ph { flex: 0 0 auto; width: 48px; height: 48px; border-radius: 12px; }
.hx .mp-thumb { position: relative; flex: 0 0 auto; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 10px; overflow: hidden; background: rgb(220, 239, 232); }
.hx .mp-thumb img { width: 100%; height: 100%; object-fit: cover; }
.hx .mp-thumb.is-big { width: 96px; height: 96px; border-radius: 12px; }
.hx .mp-thumb.is-done { background: var(--mp-green); color: rgb(255, 255, 255); }
.hx .mp-thumb.is-done svg, .hx .mp-thumb.is-icon svg { width: 26px; height: 26px; }
.hx .mp-thumb.is-icon { background: rgb(230, 238, 242); color: var(--mp-primary); }
.hx .mp-mark { width: 60%; height: 60%; background: rgba(46, 110, 86, 0.45); mask: url("assets/hx/icon/v2-mark.svg") center center / contain no-repeat; }
.hx .mp-sex { position: absolute; top: 4px; left: 4px; min-width: 18px; height: 18px; padding: 0px 4px; border-radius: 5px; font-size: 10px; font-weight: 700; font-style: normal; line-height: 18px; text-align: center; color: rgb(255, 255, 255); }
.hx .mp-chips, .hx .mp-summary__tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.hx .mp-chip, .hx .mp-tag, .hx .mp-pri, .hx .mp-dose, .hx .mp-over { display: inline-flex; align-items: center; height: 24px; padding: 0px 8px; border-radius: 6px; font-size: 12px; font-weight: 600; font-style: normal; line-height: 16px; white-space: nowrap; }
.hx .mp-chip { background: rgb(238, 243, 241); color: var(--mp-text); }
.hx .mp-chip[data-s="m"] { background: rgb(226, 244, 244); color: rgb(17, 126, 126); }
.hx .mp-chip[data-s="f"] { background: rgb(253, 235, 228); color: rgb(201, 80, 46); }
.hx .mp-chip[data-s="u"] { background: rgb(232, 239, 245); color: rgb(63, 110, 140); }
.hx .mp-tag { background: rgb(238, 243, 241); color: var(--mp-text); }
.hx .mp-tag[data-tone="ok"] { background: var(--mp-green-bg); color: var(--mp-green); }
.hx .mp-tag[data-tone="warn"] { background: rgb(255, 243, 209); color: rgb(122, 87, 0); }
.hx .mp-tag[data-tone="info"] { background: rgb(225, 242, 247); color: rgb(11, 106, 134); }
.hx .mp-tag[data-tone="bad"] { background: rgb(253, 236, 236); color: rgb(184, 50, 58); }
.hx .mp-pri[data-p="low"] { background: rgb(225, 242, 247); color: rgb(11, 106, 134); }
.hx .mp-pri[data-p="high"] { background: rgb(253, 236, 230); color: rgb(196, 74, 38); }
.hx .mp-over { margin-left: 8px; height: 20px; padding: 0px 6px; background: rgb(253, 236, 236); color: rgb(184, 50, 58); font-size: 11px; }
.hx .mp-dose { background: rgb(230, 240, 238); color: var(--mp-primary); }
.hx .mp-ok { font-style: normal; font-weight: 600; color: var(--mp-green); }
.hx .mp-warn { font-style: normal; font-weight: 600; color: rgb(184, 50, 58); }
.hx .mp-go { flex: 0 0 auto; display: grid; place-items: center; width: 20px; color: var(--mp-faint); }
.hx .mp-go svg { width: 18px; height: 18px; }
.hx .mp-check { flex: 0 0 auto; width: 20px; height: 20px; margin: 0px; accent-color: var(--mp-green); cursor: pointer; }
.hx .mp-route { display: flex; flex-direction: column; gap: 4px; font-size: 14px; font-weight: 500; color: var(--mp-ink); }
.hx .mp-route span { display: flex; align-items: center; gap: 8px; }
.hx .mp-route span::before { content: ""; flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: rgb(43, 161, 99); }
.hx .mp-route span[data-end="to"]::before { border-radius: 2px; background: rgb(217, 63, 69); }
.hx .mp-route.is-inline { flex-flow: wrap; gap: 4px 12px; font-size: 13px; font-weight: 400; color: var(--mp-text); }
.hx .mp-list { display: flex; flex-direction: column; gap: 8px; }
.hx .mp-card, .hx .mp-srow, .hx .mp-reason, .hx .mp-vrow, .hx .mp-menu__row, .hx .mp-row, .hx .mp-egg, .hx .mp-batch { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border: 1px solid var(--mp-line); border-radius: var(--mp-r); background: var(--mp-card); color: inherit; font: inherit; text-align: left; text-decoration: none; }
.hx :is(a, label, button):is(.mp-card, .mp-srow, .mp-reason, .mp-vrow, .mp-menu__row, .mp-row), .hx label.mp-egg { cursor: pointer; }
.hx :is(.mp-card, .mp-egg).is-on { border-color: var(--mp-green); box-shadow: inset 0 0 0 1px var(--mp-green); }
.hx .mp-card__body { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
.hx .mp-card__title { display: flex; align-items: center; gap: 8px; min-width: 0px; }
.hx .mp-card__title strong { min-width: 0px; font-size: 15px; font-weight: 600; line-height: 20px; color: var(--mp-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .mp-card__sub { display: flex; align-items: baseline; gap: 8px; min-width: 0px; font-size: 13px; line-height: 18px; }
.hx .mp-card__sub i { min-width: 0px; color: var(--mp-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .mp-card__meta, .hx .mp-card__by, .hx .mp-summary__meta { display: flex; flex-wrap: wrap; align-items: center; min-width: 0px; font-size: 13px; line-height: 18px; color: var(--mp-text); }
.hx .mp-card__by { display: block; color: var(--mp-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .mp-card__by b, .hx .mp-summary__meta b { font-weight: 600; color: var(--mp-text); }
.hx :is(.mp-card__meta, .mp-summary__meta) > span + span::before { content: "·"; margin: 0px 8px; color: var(--mp-faint); }
.hx .mp-card__end { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; max-width: 45%; }
.hx .mp-card__end small { font-size: 12px; line-height: 16px; color: var(--mp-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.hx .mp-dcard { border: 1px solid var(--mp-line); border-radius: var(--mp-r); background: var(--mp-card); overflow: hidden; }
.hx .mp-dcard.is-on { border-color: var(--mp-green); box-shadow: inset 0 0 0 1px var(--mp-green); }
.hx .mp-dcard .mp-card { border: 0px; border-radius: 0px; box-shadow: none; }
.hx .mp-dcard__case { display: flex; flex-wrap: wrap; gap: 6px 20px; padding: 10px 16px 12px 84px; border-top: 1px solid var(--mp-line-2); font-size: 13px; line-height: 18px; color: var(--mp-text); }
.hx .mp-dcard__case span { display: inline-flex; align-items: center; gap: 6px; }
.hx .mp-dcard__case svg { flex: 0 0 auto; width: 15px; height: 15px; color: var(--mp-faint); }
.hx .mp-dcard__case .is-case { font-weight: 600; color: var(--mp-green); }
.hx .mp-dcard__case .is-case svg { color: currentcolor; }
.hx .mp-srow .mp-thumb, .hx .mp-spbar .mp-thumb { width: 48px; height: 48px; }
.hx .mp-srow__txt { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
.hx .mp-srow__txt b { font-size: 15px; font-weight: 600; line-height: 20px; color: var(--mp-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .mp-srow__txt i { font-size: 13px; line-height: 18px; color: var(--mp-mute); }
.hx .mp-srow__txt .mp-chips { margin-top: 4px; }
.hx .mp-srow > .mp-num, .hx .mp-reason b, .hx .mp-menu__row b { flex: 0 0 auto; font-family: 'DM Sans', var(--font); font-size: 18px; font-weight: 600; font-style: normal; color: var(--mp-ink); font-variant-numeric: tabular-nums; }
.hx .mp-reason { min-height: 56px; }
.hx .mp-reason span { flex: 1 1 auto; font-size: 15px; font-weight: 500; color: var(--mp-ink); }
.hx .mp-reason > svg, .hx .mp-menu__row > svg { flex: 0 0 auto; width: 18px; height: 18px; color: var(--mp-faint); }
.hx .mp-vrow { flex-wrap: wrap; row-gap: 4px; }
.hx .mp-vrow b { flex: 1 1 60%; min-width: 0px; font-size: 15px; font-weight: 600; color: var(--mp-ink); }
.hx .mp-vrow > span:not(.mp-go) { font-size: 13px; color: var(--mp-text); }
.hx .mp-alt { flex: 0 0 100%; font-size: 12px; color: rgb(11, 106, 134); }
.hx .mp-menu { display: flex; flex-direction: column; gap: 8px; }
.hx .mp-menu__row { min-height: 60px; }
.hx .mp-menu__row > span:nth-child(2), .hx .mp-row > span:nth-child(2) { flex: 1 1 auto; font-size: 15px; font-weight: 500; color: var(--mp-ink); }
.hx .mp-menu__ico { flex: 0 0 auto; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: rgb(230, 240, 238); color: var(--mp-primary); }
.hx .mp-menu__ico svg { width: 18px; height: 18px; }
.hx .mp-row b { font-size: 13px; font-weight: 500; color: var(--mp-mute); }
.hx .mp-spbar { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border: 1px solid var(--mp-line); border-radius: var(--mp-r); background: var(--mp-card); }
.hx .mp-spbar span { display: flex; flex-direction: column; }
.hx .mp-spbar b { font-size: 15px; font-weight: 600; line-height: 20px; color: var(--mp-ink); }
.hx .mp-spbar i { font-size: 13px; line-height: 18px; color: var(--mp-mute); }
.hx .mp-vhead { display: flex; align-items: center; gap: 8px 12px; flex-wrap: wrap; }
.hx .mp-vhead b { flex: 1 1 100%; font-size: 17px; font-weight: 600; line-height: 24px; color: var(--mp-ink); }
.hx .mp-vhead span { font-size: 13px; color: var(--mp-mute); }
.hx .mp-selbar { display: flex; align-items: center; justify-content: space-between; min-height: 24px; font-size: 13px; font-weight: 600; color: var(--mp-mute); }
.hx .mp-actbar, .hx .mp-status { position: sticky; bottom: 0px; z-index: 3; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: auto calc(var(--mp-edge) * -1) 0; padding: 12px var(--mp-edge) calc(12px + env(safe-area-inset-bottom)); background: var(--mp-card); border-top: 1px solid var(--mp-line); }
.hx .mp-actbar { justify-content: flex-end; }
.hx .mp-actbar > span { margin-right: auto; font-size: 14px; font-weight: 600; color: var(--mp-ink); }
.hx .mp-actbar .mp-btn, .hx .mp-status .mp-btn { min-width: 148px; }
.hx .mp-status > span { flex: 1 1 200px; display: flex; flex-direction: column; }
.hx .mp-status small { font-size: 12px; line-height: 16px; color: var(--mp-mute); }
.hx .mp-status b { font-size: 16px; font-weight: 600; line-height: 22px; color: var(--mp-ink); }
.hx .mp-fab { position: fixed; right: max(24px, env(safe-area-inset-right)); bottom: max(24px, env(safe-area-inset-bottom)); z-index: 4; display: inline-flex; align-items: center; gap: 8px; height: 52px; padding: 0px 20px; border-radius: 14px; background: var(--mp-primary); color: rgb(255, 255, 255); font-size: 14px; font-weight: 600; text-decoration: none; box-shadow: rgba(30, 79, 90, 0.6) 0px 8px 20px -8px; }
.hx .mp-fab svg { width: 20px; height: 20px; }
.hx .mp-stats { display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 12px; }
.hx .mp-stats.is-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.hx .mp-stats.is-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.hx .mp-stats { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.hx .mp-stats.is-4 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.hx .mp-stat { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border: 1px solid var(--mp-line); border-radius: var(--mp-r); background: var(--mp-card); color: var(--mp-ink); text-decoration: none; }
.hx .mp-stat span { font-size: 13px; font-weight: 500; line-height: 18px; color: var(--mp-mute); }
.hx .mp-stat b { font-family: 'DM Sans', var(--font); font-size: 26px; font-weight: 600; line-height: 32px; color: currentcolor; font-variant-numeric: tabular-nums; }
.hx .mp-stat[data-k="g"] { color: var(--mp-green); }
.hx .mp-stat[data-k="m"] { color: rgb(17, 126, 126); }
.hx .mp-stat[data-k="f"] { color: rgb(43, 161, 99); }
.hx .mp-stat[data-k="u"] { color: rgb(201, 80, 46); }
.hx .mp-panel .mp-stat { background: rgb(247, 250, 249); }
.hx .mp-tiles { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; }
.hx .mp-tile { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 128px; padding: 16px; border: 1px solid var(--mp-line); border-radius: var(--mp-r); background: var(--mp-card); color: var(--mp-ink); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 600; text-align: center; text-decoration: none; cursor: pointer; }
.hx .mp-tile.is-later { color: var(--mp-mute); font-weight: 500; }
.hx .mp-tile__ico { position: relative; width: 48px; height: 48px; border-radius: 12px; background: rgb(230, 240, 238); }
.hx .mp-tile.is-later .mp-tile__ico { background: rgb(238, 243, 241); }
.hx .mp-tile__ico::after { content: ""; position: absolute; inset: 12px; background: var(--mp-primary); mask: var(--g) center / contain no-repeat; }
.hx .mp-tile.is-later .mp-tile__ico::after { background: var(--mp-faint); }
.hx .mp-tile em { margin-top: -4px; font-size: 12px; font-style: normal; font-weight: 600; color: rgb(184, 50, 58); }
.hx .mp-summary { display: flex; align-items: flex-start; gap: 16px; padding: 16px; border: 1px solid var(--mp-line); border-radius: var(--mp-r); background: var(--mp-card); }
.hx .mp-summary__body { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
.hx .mp-summary h3 { margin: 2px 0px 0px; font-size: 20px; font-weight: 600; line-height: 26px; color: var(--mp-ink); }
.hx .mp-summary i { font-size: 14px; line-height: 20px; color: var(--mp-mute); }
.hx .mp-summary__meta { margin-top: 6px; }
.hx .mp-summary__tags { margin-top: 10px; }
.hx .mp-summary__side { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; }
.hx .mp-summary.is-transfer .mp-summary__body { gap: 8px; }
.hx .mp-summary.is-transfer .mp-summary__meta, .hx .mp-summary.is-transfer .mp-summary__tags { margin-top: 0px; }
.hx .mp-figs { display: flex; gap: 28px; margin-top: 10px; }
.hx .mp-figs span { display: flex; flex-direction: column; font-size: 12px; line-height: 16px; color: var(--mp-mute); }
.hx .mp-figs b { font-family: 'DM Sans', var(--font); font-size: 22px; font-weight: 600; line-height: 28px; color: var(--mp-ink); }
.hx .mp-qr { width: 96px; height: 96px; padding: 6px; border: 1px solid var(--mp-line); border-radius: 10px; background: rgb(255, 255, 255); fill: rgb(28, 43, 51); }
.hx .mp-split { display: grid; grid-template-columns: minmax(208px, 1fr) minmax(0px, 2.4fr); gap: var(--mp-gap); align-items: start; }
.hx .mp-filters { position: sticky; top: 0px; max-height: calc(-112px + 100vh); overflow-y: auto; gap: 0px; }
.hx .mp-fgroup + .mp-fgroup { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--mp-line-2); }
.hx .mp-fgroup summary { padding: 2px 0px 6px; font-size: 12px; font-weight: 600; line-height: 16px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--mp-mute); cursor: pointer; }
.hx .mp-results__tools { display: flex; gap: 8px; flex: 1 1 320px; justify-content: flex-end; flex-wrap: wrap; }
.hx .mp-results__tools .mp-find { flex: 1 1 200px; }
.hx .mp-table { display: flex; flex-direction: column; }
.hx .mp-tr { display: flex; align-items: center; gap: 12px; min-height: 60px; padding: 8px; border-bottom: 1px solid var(--mp-line-2); color: inherit; font-size: 13px; text-decoration: none; }
.hx .mp-tr:last-child { border-bottom: 0px; }
.hx a.mp-tr { border-radius: 8px; }
.hx .mp-tr .mp-thumb { width: 44px; height: 44px; border-radius: 8px; }
.hx .mp-th { min-height: 36px; padding: 0px 8px; border-bottom: 1px solid var(--mp-line); font-size: 12px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--mp-mute); }
.hx .mp-tr__name { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; }
.hx .mp-tr__name b { font-size: 14px; font-weight: 600; line-height: 20px; color: var(--mp-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .mp-tr__name b em { margin-left: 4px; font-size: 12px; font-style: normal; font-weight: 600; color: var(--mp-faint); }
.hx .mp-tr__name b em[data-iucn="LC"] { color: var(--mp-green); }
.hx .mp-tr__name b em:is([data-iucn="EN"], [data-iucn="CR"], [data-iucn="VU"], [data-iucn="EW"]) { color: rgb(201, 80, 46); }
.hx .mp-tr__name i { font-size: 13px; line-height: 18px; color: var(--mp-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .mp-mfut { flex: 0 0 auto; display: grid; grid-template-columns: repeat(4, 52px); text-align: right; font-size: 14px; font-variant-numeric: tabular-nums; }
.hx .mp-mfut:has(> :nth-child(5)) { grid-template-columns: repeat(4, 52px) 72px; }
.hx .mp-mfut b { color: var(--mp-ink); font-weight: 600; }
.hx .mp-mfut .is-lead { font-weight: 700; color: rgb(201, 80, 46); }
.hx .mp-th .mp-mfut { font-size: 12px; }
.hx .mp-tr [data-s="m"] { color: rgb(17, 126, 126); }
.hx .mp-tr [data-s="f"] { color: rgb(201, 80, 46); }
.hx .mp-tr [data-s="u"] { color: rgb(63, 110, 140); }
.hx .mor-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: -4px; }
.hx .mor-chip { display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0px 4px 0px 12px; border-radius: 17px; background: rgb(226, 235, 231); font-size: 13px; color: var(--mp-text); }
.hx .mor-chip b { font-weight: 600; color: var(--mp-ink); }
.hx .mor-chip.is-sp { background: rgb(251, 233, 230); }
.hx .mor-chip a { font-size: 12px; font-weight: 600; color: var(--mp-green); text-decoration: none; }
.hx .mor-chip button { position: relative; display: grid; place-items: center; width: 26px; height: 26px; padding: 0px; border: 0px; border-radius: 50%; background: rgba(255, 255, 255, 0.7); color: var(--mp-mute); cursor: pointer; }
.hx .mor-chip button::after { content: ""; position: absolute; inset: -9px -4px; }
.hx .mor-chip button svg { width: 13px; height: 13px; }
.hx .mor-sum { gap: 18px; padding: 20px; }
.hx .mor-sum__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.hx .mor-sum__n { display: block; margin-top: 4px; font-family: 'DM Sans', var(--font); font-size: 44px; font-weight: 600; line-height: 48px; letter-spacing: -0.02em; color: var(--mp-ink); font-variant-numeric: tabular-nums; }
.hx .mor-sum__vs { margin: 6px 0px 0px; font-size: 13px; line-height: 19px; color: var(--mp-mute); }
.hx .mor-sum__vs em { display: inline-flex; align-items: center; height: 22px; margin-right: 6px; padding: 0px 8px; border-radius: 11px; background: rgb(238, 243, 241); font-style: normal; font-weight: 600; color: var(--mp-text); }
.hx .mor-sum__vs em.is-down { background: var(--mp-green-bg); color: var(--mp-green); }
.hx .mor-sum__vs em.is-up { background: rgb(251, 233, 230); color: rgb(178, 58, 50); }
.hx .mor-sum__side { margin: 0px; padding: 6px 10px; border-radius: 8px; background: rgb(243, 247, 245); font-size: 12px; font-weight: 500; color: var(--mp-mute); white-space: nowrap; }
.hx .mor-kpis { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 10px; }
.hx .mor-kpi { display: flex; flex-direction: column; gap: 2px; min-width: 0px; padding: 14px; border: 1px solid var(--mp-line); border-radius: 12px; background: rgb(249, 251, 250); font: inherit; color: inherit; text-align: left; text-decoration: none; cursor: pointer; transition: border-color 140ms, background 140ms; }
.hx .mor-kpi b { font-family: 'DM Sans', var(--font); font-size: 26px; font-weight: 600; line-height: 32px; color: var(--mp-ink); font-variant-numeric: tabular-nums; }
.hx .mor-kpi span { font-size: 13px; font-weight: 600; color: var(--mp-ink); }
.hx .mor-kpi small { font-size: 12px; line-height: 16px; color: var(--mp-mute); }
.hx .mor-kpi em { margin-top: 8px; font-size: 12px; font-style: normal; font-weight: 600; color: var(--mp-green); }
.hx .mor-kpi[data-tone="warn"] b { color: rgb(180, 102, 31); }
.hx .mor-kpi[data-tone="good"] b { color: var(--mp-green); }
.hx .mor-kpi[data-tone="bad"] b { color: rgb(178, 58, 50); }
.hx .mor-attn h3 { margin: 0px; }
.hx .mor-attn ul { display: flex; flex-direction: column; margin: 0px; padding: 0px; list-style: none; }
.hx .mor-attn li { display: flex; align-items: center; gap: 12px; padding: 12px 0px; border-top: 1px solid var(--mp-line-2); }
.hx .mor-attn li:first-child { border-top: 0px; padding-top: 4px; }
.hx .mor-attn__i { flex: 0 0 auto; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: rgb(251, 233, 230); color: rgb(178, 58, 50); }
.hx .mor-attn li[data-tone="warn"] .mor-attn__i { background: rgb(253, 241, 228); color: rgb(180, 102, 31); }
.hx .mor-attn__i svg { width: 18px; height: 18px; }
.hx .mor-attn p { flex: 1 1 auto; min-width: 0px; margin: 0px; font-size: 14px; line-height: 20px; color: var(--mp-text); }
.hx .mor-attn p b { font-weight: 600; color: var(--mp-ink); }
.hx .mor-attn .mp-btn { flex: 0 0 auto; white-space: nowrap; }
.hx .nat-keys .is-avg i { width: 14px; height: 0px; border-top: 2px dashed rgb(138, 154, 149); background: none; }
.hx .mor-day { transition: opacity 160ms; }
.hx .mor-day.is-off { opacity: 0.32; }
.hx .mor-avg { stroke: rgb(107, 122, 117); stroke-width: 1.2; stroke-dasharray: 4, 4; }
.hx .nat-tip p.is-hint span { color: rgb(159, 194, 203); font-size: 11px; }
.hx .mor-two { align-items: start; }
.hx .mor-bars { display: flex; flex-direction: column; gap: 2px; margin: 0px; padding: 0px; list-style: none; }
.hx .mor-bar { display: grid; grid-template-columns: minmax(0px, 1fr) auto; grid-template-areas: "t n" "b b"; align-items: center; gap: 4px 12px; padding: 8px 10px; margin: 0px -10px; width: calc(100% + 20px); border: 0px; border-radius: 10px; background: none; font: inherit; color: inherit; text-align: left; }
.hx button.mor-bar { cursor: pointer; }
.hx button.mor-bar[aria-pressed="true"] { background: rgb(251, 233, 230); }
.hx .mor-bar__t { grid-area: t; min-width: 0px; display: flex; align-items: baseline; gap: 8px; }
.hx .mor-bar__t b { font-size: 14px; font-weight: 600; color: var(--mp-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .mor-bar__t small { flex: 0 0 auto; font-size: 12px; color: var(--mp-faint); }
.hx .mor-bar__n { grid-area: n; display: inline-flex; align-items: baseline; gap: 6px; }
.hx .mor-bar__n b { font-family: 'DM Sans', var(--font); font-size: 15px; font-weight: 600; color: var(--mp-ink); font-variant-numeric: tabular-nums; }
.hx .mor-bar__n small { min-width: 30px; font-size: 12px; color: var(--mp-faint); text-align: right; }
.hx .mor-bar__track { grid-area: b; display: block; height: 6px; border-radius: 3px; background: rgb(238, 243, 241); overflow: hidden; }
.hx .mor-bar__track i { display: block; height: 100%; border-radius: 3px; background: rgb(217, 89, 79); }
.hx .mor-bar[data-tone="muted"] .mor-bar__track i { background: rgb(169, 183, 178); }
.hx .mor-bar[data-tone="bad"] .mor-bar__track i { background: rgb(178, 58, 50); }
.hx .mor-rule { display: flex; align-items: center; gap: 12px; margin: 6px 0px 0px; }
.hx .mor-rule::after { content: ""; flex: 1 1 0%; height: 1px; background: var(--mp-line-2); }
.hx .mor-more { align-self: flex-start; }
.hx .mor-tile { flex: 0 0 auto; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; background: var(--t-bg); color: var(--t-ink); }
.hx .mor-tile svg { width: 20px; height: 20px; }
.hx .mor-tile.is-big { width: 56px; height: 56px; border-radius: 14px; }
.hx .mor-st { display: grid; grid-template-columns: minmax(0px, 2.2fr) minmax(0px, 1.2fr) 56px minmax(0px, 1.3fr); align-items: center; gap: 16px; width: 100%; min-height: 64px; padding: 10px 12px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: initial; border-bottom: 1px solid var(--mp-line-2); background: none; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; color: inherit; text-align: left; cursor: pointer; font-variant-numeric: tabular-nums; }
.hx .mor-st:last-child { border-bottom: 0px; }
.hx .mor-st--h { min-height: 40px; padding-top: 0px; padding-bottom: 0px; border-bottom: 1px solid var(--mp-line); background: rgb(245, 248, 247); font-size: 12px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--mp-mute); cursor: default; }
.hx .mor-st > :nth-child(3) { text-align: center; }
.hx .mor-st__who { display: flex; align-items: center; gap: 12px; min-width: 0px; }
.hx .mor-st__who .mp-tr__name i { font-style: normal; }
.hx .mor-st__d { display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: 4px 8px; }
.hx .mor-st__d b { font-family: 'DM Sans', var(--font); font-size: 16px; font-weight: 600; color: rgb(178, 58, 50); }
.hx .mor-st__d small { font-size: 12px; color: var(--mp-faint); }
.hx .mor-st__d .mor-bar__track { grid-column: 1 / -1; height: 4px; }
.hx .mor-st__nec { display: flex; flex-direction: column; gap: 5px; min-width: 0px; }
.hx .mor-st__nec small { font-size: 12px; color: var(--mp-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .mor-nec { display: flex; gap: 2px; height: 6px; border-radius: 3px; overflow: hidden; background: rgb(238, 243, 241); }
.hx .mor-nec i[data-k="1"] { background: rgb(63, 163, 107); }
.hx .mor-nec i[data-k="0"] { background: rgb(224, 145, 59); }
.hx .mor-nec i[data-k="2"] { background: rgb(185, 196, 192); }
.hx .mor-sx { display: inline-grid; place-items: center; min-width: 18px; height: 16px; padding: 0px 4px; border-radius: 5px; font-size: 10px; font-style: normal; font-weight: 700; background: rgb(238, 243, 241); color: rgb(95, 114, 108); }
.hx .mor-sx[data-s="m"] { background: rgb(226, 242, 242); color: rgb(17, 126, 126); }
.hx .mor-sx[data-s="f"] { background: rgb(251, 236, 231); color: rgb(180, 68, 31); }
.hx .mor-c { min-width: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; font-size: 13px; font-weight: 500; color: var(--mp-ink); }
.hx .mor-c > span, .hx .mor-c > small { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .mor-c small { font-size: 12px; font-weight: 500; color: var(--mp-mute); }
.hx .mor-c em { height: 20px; padding: 0px 8px; border-radius: 10px; font-size: 11px; font-style: normal; font-weight: 600; line-height: 20px; background: rgb(238, 243, 241); color: var(--mp-mute); white-space: nowrap; }
.hx .mor-c em[data-nec="0"] { background: rgb(253, 241, 228); color: rgb(180, 102, 31); }
.hx .mor-c em[data-nec="1"] { background: var(--mp-green-bg); color: var(--mp-green); }
.hx .nat-filters { gap: 8px; }
.hx .nat-filters .mp-seg button[data-act="custom"][aria-pressed="true"] { max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
.hx .nat-other { position: relative; margin-left: auto; }
.hx .nat-other.is-on { border-color: var(--mp-primary); }
.hx .nat-other .mp-badge { position: absolute; top: -8px; right: -8px; }
.hx .nat-eyebrow { margin: 8px 0px -4px; }
.hx .nat-eyebrow span { margin-left: 8px; font-weight: 500; letter-spacing: 0px; text-transform: none; color: var(--mp-faint); }
.hx .nat-two { display: grid; grid-template-columns: minmax(0px, 1.55fr) minmax(0px, 1fr); gap: var(--mp-gap); }
.hx .nat-keys { display: flex; flex-wrap: wrap; gap: 4px 14px; }
.hx .nat-keys span { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 500; color: var(--mp-text); }
.hx .nat-keys i { width: 14px; height: 2.5px; border-radius: 2px; background: var(--c); }
.hx .nat-chart { position: relative; height: 236px; }
.hx .nat-chart svg { display: block; width: 100%; height: 100%; overflow: visible; touch-action: pan-y; }
.hx .nat-grid line { stroke: var(--mp-line-2); }
.hx .nat-grid text { font-family: 'DM Sans', var(--font); font-size: 11px; fill: var(--mp-faint); font-variant-numeric: tabular-nums; }
.hx .nat-hot { fill: rgba(28, 58, 72, 0.043); }
.hx .nat-tip { position: absolute; z-index: 3; min-width: 140px; padding: 10px 12px; border-radius: 10px; background: var(--mp-ink); color: rgb(255, 255, 255); font-size: 12px; line-height: 18px; pointer-events: none; box-shadow: rgba(16, 45, 52, 0.55) 0px 12px 28px -10px; }
.hx .nat-tip[hidden] { display: none; }
.hx .nat-tip h5 { margin: 0px 0px 4px; font-size: 12px; font-weight: 600; color: rgb(191, 235, 208); }
.hx .nat-tip p { display: flex; align-items: center; gap: 8px; margin: 0px; }
.hx .nat-tip p i { width: 8px; height: 8px; border-radius: 2px; background: var(--c); }
.hx .nat-tip p span { flex: 1 1 0%; color: rgb(210, 226, 230); }
.hx .nat-tip p b { font-family: 'DM Sans', var(--font); font-weight: 600; font-variant-numeric: tabular-nums; }
.hx .nat-sex { justify-content: space-between; }
.hx .nat-ring { position: relative; width: 184px; height: 184px; margin: 4px auto 0px; }
.hx .nat-ring__svg { display: block; width: 100%; height: 100%; }
.hx .nat-ring__mid { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.hx .nat-ring__mid b { font-family: 'DM Sans', var(--font); font-size: 24px; font-weight: 600; line-height: 28px; color: var(--mp-ink); font-variant-numeric: tabular-nums; }
.hx .nat-ring__mid span { font-size: 13px; color: var(--mp-mute); }
.hx .nat-sexkey { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 16px; margin: 0px; padding: 0px; list-style: none; font-size: 13px; }
.hx .nat-sexkey li { display: inline-flex; align-items: center; gap: 6px; color: var(--mp-text); }
.hx .nat-sexkey i { width: 10px; height: 10px; border-radius: 3px; background: var(--c); }
.hx .nat-sexkey b { font-family: 'DM Sans', var(--font); font-weight: 600; color: var(--mp-ink); font-variant-numeric: tabular-nums; }
.hx .nat-list__h { display: inline-flex; align-items: center; gap: 8px; }
.hx .nat-table { border: 1px solid var(--mp-line); border-radius: 10px; overflow: hidden; }
.hx .nat-table > .mp-tr, .hx .nat-table > .mp-th { padding-left: 12px; padding-right: 12px; }
.hx .nat-table > .mp-th { background: rgb(243, 247, 245); }
.hx .nat-at { display: grid; grid-template-columns: minmax(0px, 2.2fr) minmax(0px, 1fr) minmax(0px, 0.8fr) minmax(0px, 0.8fr); align-items: center; gap: 12px; min-height: 72px; padding: 10px 12px; border-bottom: 1px solid var(--mp-line-2); color: inherit; font-size: 13px; text-decoration: none; }
.hx .nat-at:last-child { border-bottom: 0px; }
.hx .nat-at--h { min-height: 40px; padding-top: 0px; padding-bottom: 0px; border-bottom: 1px solid var(--mp-line); background: rgb(243, 247, 245); font-size: 12px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--mp-mute); }
.hx .nat-at__who { display: flex; align-items: center; gap: 12px; min-width: 0px; }
.hx .nat-at__ph { position: relative; flex: 0 0 auto; width: 52px; height: 52px; border-radius: 10px; overflow: hidden; background: rgb(220, 239, 232); }
.hx .nat-at__ph img { width: 100%; height: 100%; object-fit: cover; }
.hx .nat-at__ph em { position: absolute; top: 3px; left: 3px; min-width: 20px; height: 16px; padding: 0px 4px; border-radius: 8px; font-size: 9px; font-style: normal; font-weight: 700; line-height: 16px; text-align: center; color: rgb(255, 255, 255); background: rgb(63, 110, 140); }
.hx .nat-at__ph em[data-s="m"] { background: rgb(17, 126, 126); }
.hx .nat-at__ph em[data-s="f"] { background: rgb(201, 80, 46); }
.hx .nat-at__ph em[data-s="u"] { background: rgb(229, 72, 77); }
.hx .nat-at__id { min-width: 0px; display: flex; flex-direction: column; gap: 1px; font-size: 12px; line-height: 17px; color: var(--mp-mute); }
.hx .nat-at__id > * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .nat-at__id b { font-size: 14px; font-weight: 600; line-height: 20px; color: var(--mp-ink); }
.hx .nat-at__id span:first-of-type { color: var(--mp-primary); font-weight: 500; }
.hx .nat-at__dob { display: flex; flex-direction: column; font-size: 14px; font-weight: 500; color: var(--mp-ink); font-variant-numeric: tabular-nums; }
.hx .nat-at__dob small { font-size: 11px; font-weight: 400; color: var(--mp-faint); }
.hx .nat-at__na { color: var(--mp-faint); }
.hx .nat-pager { display: flex; align-items: center; justify-content: flex-end; gap: 16px; font-size: 13px; color: var(--mp-mute); font-variant-numeric: tabular-nums; }
.hx .nat-pager label { display: inline-flex; align-items: center; gap: 6px; }
.hx .nat-pager select { height: 32px; padding: 0px 4px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-weight: 600; color: var(--mp-ink); cursor: pointer; }
.hx .nat-pager .mp-round { width: 36px; height: 36px; }
.hx .nat-pager .mp-round:disabled { opacity: 0.4; cursor: default; }
.hx .nat-custom { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.hx .nat-quick { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.hx .mp-th [data-s] { color: inherit; }
.hx .mp-tr.is-4 { display: grid; grid-template-columns: 44px minmax(0px, 1.4fr) minmax(0px, 1fr) 64px 84px; }
.hx .mp-tr.mp-th:has(+ .mp-tr.is-4) { display: grid; grid-template-columns: minmax(0px, 1.4fr) minmax(0px, 1fr) 64px 84px; padding-left: 64px; }
.hx .mp-tr.is-grid { display: grid; grid-template-columns: minmax(0px, 2fr) repeat(4, 56px) minmax(0px, 1fr); text-align: right; }
.hx .mp-tr.is-grid > :first-child, .hx .mp-tr.is-grid > :last-child { text-align: left; }
.hx .mp-tr.is-grid > :last-child { padding-left: 16px; }
.hx .mp-tr.is-grid5 { display: grid; grid-template-columns: minmax(0px, 1.3fr) 112px 64px minmax(0px, 1fr) 150px; }
.hx .mp-tr.is-grid5 .mp-tr__name { flex-direction: row; align-items: center; gap: 10px; }
.hx .mp-duo { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; }
.hx .mp-chart { padding: 14px 16px 12px; border: 1px solid var(--mp-line-2); border-radius: 10px; background: rgb(249, 251, 250); }
.hx .mp-chart h4 { display: flex; justify-content: space-between; gap: 8px; margin: 0px 0px 12px; font-size: 13px; font-weight: 600; line-height: 18px; color: var(--mp-ink); }
.hx .mp-chart h4 small { font-size: 12px; font-weight: 400; color: var(--mp-mute); }
.hx .mp-chart h4 > b, .hx .mp-chart h4 small b { font-weight: 600; color: var(--mp-ink); }
.hx .mp-chart .mp-empty { padding: 32px 8px; }
.hx .mp-bars { display: flex; align-items: flex-end; gap: 3px; height: 132px; }
.hx .mp-bars span { flex: 1 1 0px; min-width: 0px; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 6px; }
.hx .mp-bars i { display: block; width: 100%; max-width: 20px; height: calc(var(--h) * (100% - 20px)); min-height: 2px; border-radius: 3px 3px 0px 0px; background: rgb(61, 170, 112); }
.hx .mp-bars[data-tone="death"] i { background: rgb(232, 121, 90); }
.hx .mp-bars small { height: 14px; font-size: 10px; line-height: 14px; color: var(--mp-faint); white-space: nowrap; }
.hx .mp-comment { margin: 0px; font-size: 14px; }
.hx .mp-comment b { margin-right: 8px; color: var(--mp-ink); }
.hx .mp-say { display: flex; gap: 8px; }
.hx .mp-say input { flex: 1 1 auto; min-width: 0px; height: 44px; padding: 0px 12px; border: 1px solid var(--mp-line); border-radius: 10px; font: inherit; }
.hx .mpage[data-view="species"] { --sr-bg: #E8F4F2; --sr-line: #F0EFEC; --sr-row: #EEF1EE; --sr-head: #DDEBE9; --sr-ink: #3D3A34; --sr-ink-2: #1C1A16; --sr-mute: #736E67; --sr-mute-2: #7A8684; --sr-teal: #1F515B; --sr-green: #006D35; --sr-soft: #44544A; background: var(--sr-bg); font-family: Inter, var(--font); letter-spacing: 0.15px; }
.hx .mpage[data-view="species"] .mpage__body { gap: 16px; padding: 12px 12px 20px; font-size: 16px; line-height: 24px; color: rgba(76, 78, 100, 0.87); }
.hx .mpage[data-view="species"] .mp-empty { padding: 32px 16px; font-size: 15px; color: var(--sr-mute); }
.hx .sr-content { display: flex; flex-direction: column; gap: 16px; min-width: 0px; }
.hx .sr-center { display: flex; justify-content: center; }
.hx .sr-hero { position: relative; display: flex; align-items: center; gap: 0px; min-height: 264px; padding: 24px; border-radius: 14px; overflow: hidden; color: rgb(255, 255, 255); background: linear-gradient(119.681deg, rgb(37, 93, 104) 3.3851%, rgb(22, 54, 79) 67.734%); }
.hx .sr-hero__bg { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.hx .sr-hero__veil { position: absolute; inset: 0px; background: linear-gradient(119.681deg, rgba(37, 93, 104, 0.9) 3.3851%, rgba(22, 54, 79, 0.9) 67.734%); }
.hx .sr-hero__photo { position: relative; flex: 0 0 auto; display: grid; place-items: center; width: 212px; height: 216px; border-radius: 14px; overflow: hidden; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 7px 4px 54px; }
.hx .sr-hero__photo img { width: 100%; height: 100%; object-fit: cover; }
.hx .sr-hero__main { position: relative; flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; justify-content: space-between; gap: 16px; align-self: stretch; }
.hx .sr-hero__top { display: flex; align-items: center; gap: 8px; padding-left: 16px; }
.hx .sr-hero__names { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; gap: 3px; }
.hx .sr-hero__names .sph__name { margin: 0px; font-size: 22px; font-weight: 600; line-height: 26px; color: rgb(255, 255, 255); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .sr-hero__names p { margin: 0px; font-size: 16px; line-height: 20px; color: rgb(255, 255, 255); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .sr-glass { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; height: 35px; padding: 0px 14px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 999px; background: rgba(255, 255, 255, 0.1); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 500; color: rgb(255, 255, 255); white-space: nowrap; }
.hx .sr-glass i { width: 8px; height: 8px; border-radius: 50%; }
.hx button.sr-glass { width: 35px; padding: 0px; justify-content: center; cursor: pointer; }
.hx button.sr-glass svg { width: 18px; height: 18px; transition: transform 260ms var(--spring-bounce, cubic-bezier(.34, 1.3, .64, 1)); }
.hx button.sr-glass[aria-pressed="true"] { color: rgb(255, 232, 110); }
.hx button.sr-glass[aria-pressed="true"] svg { transform: scale(1.1); }
.hx .sr-hero__stats { display: flex; margin: 0px 8px 0px 16px; border-radius: 16px; overflow: hidden; }
.hx .sr-hero__stats > div { flex: 1 1 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 16px 10px 15px; background: rgba(0, 0, 0, 0.1); }
.hx .sr-hero__stats > div + div { border-left: 1px solid rgba(255, 255, 255, 0.08); }
.hx .sr-hero__stats span { font-size: 14px; color: rgb(255, 255, 255); opacity: 0.78; }
.hx .sr-hero__stats b { font-size: 28px; font-weight: 700; line-height: 34px; font-variant-numeric: tabular-nums; }
.hx .sr-hero__stats [data-k="a"] { color: rgb(255, 232, 110); }
.hx .sr-hero__stats [data-k="s"] { color: rgb(82, 249, 144); }
.hx .sr-hero__stats [data-k="e"] { color: rgb(0, 214, 201); }
.hx .sr-hero__chips { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding-left: 16px; }
.hx .sr-hero__chips span { display: inline-flex; align-items: center; height: 35px; padding: 0px 14px; border: 1px solid var(--sr-line); border-radius: 999px; background: rgb(244, 249, 246); font-size: 15px; font-weight: 700; color: var(--sr-ink); white-space: nowrap; }
.hx .sr-hero__chips [data-s="m"] { color: rgb(0, 175, 214); }
.hx .sr-hero__chips [data-s="f"] { color: rgb(250, 97, 64); }
.hx .sr-hero__chips [data-s="u"] { color: rgb(233, 51, 83); }
.hx .sr-hero__chips.is-light { padding-left: 0px; }
.hx .sr-tabs { position: sticky; top: 0px; z-index: 3; display: flex; gap: 4px; padding: 6px; border-radius: 10px; background: rgb(255, 255, 255); box-shadow: rgba(31, 81, 91, 0.07) 0px 0px 0px 1px inset, rgba(31, 81, 91, 0.35) 0px 6px 14px -12px; overflow-x: auto; scrollbar-width: none; }
.hx .sr-tabs::-webkit-scrollbar { display: none; }
.hx .sr-tabs { box-shadow: inset 0 0 0 1px rgba(31, 81, 91, .07), 0 6px 14px -12px rgba(31, 81, 91, .35), 0 -12px 0 0 var(--sr-bg); }
.hx .sr-tabs__menu { box-shadow: rgb(255, 255, 255) -6px 0px 0px; position: sticky; left: 0px; z-index: 1; flex: 0 0 auto; display: grid; place-items: center; width: 48px; height: 44px; margin-right: 4px; padding: 0px 14px; border-top: 0px; border-bottom: 0px; border-left: 0px; border-image: initial; border-right: 1px solid var(--sr-row); background: rgb(255, 255, 255); color: var(--sr-teal); cursor: pointer; }
.hx .sr-tabs__menu svg { width: 20px; height: 20px; }
.hx .sr-tab { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0px 16px; border-radius: 8px; font-size: 16px; font-weight: 500; color: rgb(85, 82, 74); text-decoration: none; white-space: nowrap; transition: background 180ms, color 180ms; }
.hx .sr-tab svg { width: 18px; height: 18px; color: var(--sr-teal); }
.hx .sr-tab[aria-current="page"] { background: var(--sr-teal); color: rgb(255, 255, 255); }
.hx .sr-tab[aria-current="page"] svg { color: rgb(82, 249, 144); }
.hx .sr-menurow[aria-current="true"] { border-color: var(--sr-teal); }
.hx .sr-card { display: flex; flex-direction: column; gap: 12px; min-width: 0px; padding: 16px; border: 1px solid var(--sr-line); border-radius: 16px; background: rgb(255, 255, 255); }
.hx .sr-card__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; min-height: 44px; }
.hx .sr-card__head + .sr-tools, .hx .sr-card__head + .sr-search, .hx .sr-card__head + .sr-fchips { margin-top: 4px; }
.hx .sr-title { margin: 0px; font-size: 20px; font-weight: 600; line-height: 35px; color: var(--sr-ink-2); }
.hx .sr-title.is-sm { font-size: 18px; line-height: 31.5px; }
.hx .sr-card.is-quiet .sr-title { color: rgba(76, 78, 100, 0.87); }
.hx .sr-count { font-size: 15px; font-weight: 500; line-height: 22.5px; color: rgb(122, 134, 132); }
.hx .sr-sub { margin: 0px; font-size: 14px; line-height: 17.5px; color: rgb(122, 134, 132); }
.hx .sr-pagetitle { margin: 0px; font-size: 20px; font-weight: 600; line-height: 30px; color: var(--sr-ink-2); }
.hx .sr-head.is-page { margin-bottom: -8px; }
.hx .sr-head.is-page .sr-pagetitle { line-height: 35px; }
.hx .sr-label { margin: 8px 0px 0px; font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: 1.28px; text-transform: uppercase; color: var(--sr-soft); }
.hx .sr-label span { margin-left: 12px; font-size: 14px; font-weight: 400; line-height: 17.5px; letter-spacing: 0.15px; text-transform: none; color: rgb(122, 134, 132); }
.hx .sr-foot { margin: 0px; font-size: 14px; line-height: 21px; color: var(--sr-mute); }
.hx .sr-foot b { color: var(--sr-ink); }
.hx .sr-more { padding: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 600; line-height: 17.5px; color: rgb(55, 189, 105); cursor: pointer; }
.hx .sr-textbtn { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--sr-green); text-decoration: none; }
.hx .sr-none { padding: 28px 16px; font-size: 15px; line-height: 22px; color: var(--sr-mute); text-align: center; }
.hx .sr-tablewrap + .sr-none { margin-top: -12px; }
.hx .sr-fbtn.is-quiet { text-transform: capitalize; letter-spacing: 0.4px; }
.hx .sr-fbtn.is-quiet svg { color: var(--sr-soft); }
.hx .sr-search.is-sm { width: 240px; }
.hx .sr-fchips { display: flex; flex-wrap: wrap; gap: 8px; }
.hx .sr-fchip { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0px 14px; border: 1px solid var(--sr-line); border-radius: 999px; background: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 500; line-height: 21px; color: var(--sr-ink); cursor: pointer; }
.hx .sr-fchip b { font-weight: 600; color: var(--sr-mute); }
.hx .sr-fchip[aria-pressed="true"] { border-color: rgb(31, 107, 69); background: rgb(233, 240, 236); font-weight: 600; color: rgb(31, 107, 69); }
.hx .sr-fchip[aria-pressed="true"] b { color: inherit; }
.hx .sr-sheetchart { overflow-x: auto; }
.hx .sr-duo { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; }
.hx .sr-search { display: flex; align-items: center; gap: 8px; height: 44px; padding: 0px 0px 0px 14px; border-radius: 999px; background: rgb(244, 246, 244); }
.hx .sr-search svg { flex: 0 0 auto; width: 18px; height: 18px; color: var(--sr-mute); }
.hx .sr-search input { flex: 1 1 auto; min-width: 0px; height: 39px; padding: 0px 14px 0px 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 15px; line-height: 21.5px; color: rgba(76, 78, 100, 0.87); outline: none; }
.hx .sr-search input::placeholder { color: rgb(165, 172, 170); }
.hx .sr-search:focus-within { box-shadow: rgba(0, 175, 214, 0.35) 0px 0px 0px 2px; }
.hx .sr-seg { display: inline-flex; flex: 0 0 auto; gap: 2px; padding: 3px; border-radius: 999px; background: rgb(232, 244, 242); }
.hx .sr-seg__a { display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0px 14px; border-radius: 999px; font-size: 15px; font-weight: 500; line-height: 22.5px; color: rgb(92, 87, 79); text-decoration: none; white-space: nowrap; }
.hx .sr-seg__a svg { width: 16px; height: 16px; }
.hx .sr-seg__a[aria-pressed="true"] { background: rgb(255, 255, 255); color: var(--sr-teal); }
.hx .sr-seg__a.is-off { cursor: default; }
.hx button.sr-seg__a { border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 15px; font-weight: 500; cursor: pointer; }
.hx button.sr-seg__a[aria-pressed="true"] { background: rgb(255, 255, 255); }
.hx button.sr-under__a { border-width: 0px 0px 2px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: transparent; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 16px; font-weight: 600; cursor: pointer; }
.hx button.sr-under__a[aria-selected="true"] { border-bottom-color: rgb(55, 189, 105); }
.hx .sr-under { display: flex; gap: 24px; overflow-x: auto; scrollbar-width: none; }
.hx .sr-under.is-ruled { border-bottom: 1px solid var(--sr-line); }
.hx .sr-under__a { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; margin-bottom: -1px; padding: 6px 0px; border-bottom: 2px solid transparent; font-size: 16px; font-weight: 600; line-height: 24px; color: rgb(122, 134, 132); text-decoration: none; white-space: nowrap; }
.hx .sr-under__a svg { width: 20px; height: 20px; color: rgb(131, 157, 141); }
.hx .sr-under__a b { font-weight: 700; color: rgb(131, 157, 141); }
.hx .sr-under__a[aria-selected="true"] { border-bottom-color: rgb(55, 189, 105); color: var(--sr-green); }
.hx .sr-under__a[aria-selected="true"] :is(b, svg) { color: inherit; }
.hx .sr-under.is-tone .sr-under__a { padding: 2px 0px; }
.hx .sr-under.is-tone .sr-under__a[aria-selected="true"] { color: rgb(55, 189, 105); }
.hx .sr-under.is-deep .sr-under__a { padding: 2px 0px; }
.hx .sr-under.is-deep .sr-under__a[aria-selected="true"] { border-bottom-color: var(--sr-green); }
.hx .sr-subtabs { margin-top: -16px; padding: 0px 22px; border-top: 1px solid var(--sr-line); border-radius: 0px 0px 10px 10px; background: rgb(255, 255, 255); }
.hx .sr-subtabs .sr-under__a { padding: 6px 0px 12px; }
.hx .sr-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; min-height: 44px; }
.hx .sr-head__end { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-left: auto; }
.hx .sr-fbtn { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 6px; height: 44px; padding: 0px 14px; border: 1px solid var(--sr-line); border-radius: 999px; background: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 15px; font-weight: 500; line-height: 22.5px; color: var(--sr-ink); cursor: pointer; white-space: nowrap; }
.hx .sr-fbtn svg { width: 20px; height: 20px; }
.hx .sr-fbtn b { display: grid; place-items: center; min-width: 20px; height: 20px; padding: 0px 5px; border-radius: 999px; background: var(--sr-teal); color: rgb(255, 255, 255); font-size: 12px; }
.hx .sr-ibtn { display: grid; flex: 0 0 auto; place-items: center; width: 44px; height: 44px; padding: 0px; border: 1px solid var(--sr-line); border-radius: 50%; background: rgb(255, 255, 255); color: var(--sr-ink); cursor: pointer; }
.hx .sr-ibtn svg { width: 20px; height: 20px; }
.hx .sr-ibtn.is-sm { width: 36px; height: 36px; }
.hx .sr-ibtn.is-sm svg { width: 18px; height: 18px; }
.hx .sr-select { position: relative; display: inline-flex; flex: 0 0 auto; align-items: center; height: 44px; border: 1px solid rgb(195, 206, 199); border-radius: 999px; background: rgb(255, 255, 255); }
.hx .sr-select.is-soft { border-color: rgb(216, 216, 221); }
.hx .sr-select > svg { position: absolute; right: 12px; top: 12px; width: 20px; height: 20px; color: var(--sr-ink); pointer-events: none; }
.hx .sr-select > svg.sr-select__ico { left: 14px; right: auto; width: 18px; height: 18px; top: 13px; }
.hx .sr-select select { field-sizing: content; max-width: 260px; text-overflow: ellipsis; appearance: none; height: 42px; padding: 0px 38px 0px 12px; border: 0px; border-radius: 999px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 15px; font-weight: 500; line-height: 22.5px; color: var(--sr-ink); cursor: pointer; outline: none; }
.hx .sr-select:has(.sr-select__ico) select { padding-left: 36px; }
.hx .sr-tools { display: flex; gap: 8px; align-items: center; }
.hx .sr-tools .sr-search { flex: 1 1 auto; min-width: 0px; }
.hx .sr-bar { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px; border-radius: 16px; background: rgb(255, 255, 255); border: 1px solid var(--sr-line); }
.hx .sr-pager { display: flex; align-items: center; justify-content: flex-end; min-height: 55px; padding: 0px 16px; font-size: 16px; line-height: 22.9px; color: rgba(76, 78, 100, 0.87); white-space: nowrap; }
.hx .sr-pager > span { margin: 16px 20px 16px 0px; }
.hx .sr-pager label { display: inline-flex; align-items: center; }
.hx .sr-pager label + span { margin-left: 32px; }
.hx .sr-pager .sr-rpp { position: relative; display: inline-flex; margin-left: 8px; }
.hx .sr-pager .sr-rpp select { appearance: none; height: 29px; padding: 4px 24px 5px 8px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; line-height: 20px; color: inherit; cursor: pointer; }
.hx .sr-pager .sr-rpp svg { position: absolute; right: 0px; top: 3px; width: 24px; height: 24px; color: rgba(76, 78, 100, 0.54); pointer-events: none; }
.hx .sr-pager button { display: grid; place-items: center; width: 40px; height: 40px; padding: 8px; border: 0px; border-radius: 50%; background: none; color: rgba(76, 78, 100, 0.87); cursor: pointer; }
.hx .sr-pager button:disabled { color: rgba(76, 78, 100, 0.54); cursor: default; }
.hx .sr-pager svg { width: 24px; height: 24px; }
.hx .sr-pager .is-flip { transform: scaleX(-1); }
.hx .sr-tablewrap { min-width: 0px; border: 1px solid rgb(233, 233, 236); border-radius: 8px; background: rgb(255, 255, 255); overflow: hidden; }
.hx .sr-tablescroll { overflow-x: auto; }
.hx .sr-table { display: flex; flex-direction: column; min-width: var(--min, 0); }
.hx .sr-tr { display: grid; grid-template-columns: var(--cols); align-items: stretch; min-height: 72px; padding: 0px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: initial; border-bottom: 1px solid var(--sr-row); background: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 16px; color: rgb(31, 65, 91); text-align: left; text-decoration: none; width: 100%; }
.hx .sr-table:not(.has-foot) .sr-tr:last-child { border-bottom: 0px; }
.hx .sr-table.is-tall .sr-tr:not(.sr-th) { min-height: 128px; }
.hx .sr-table.is-xl .sr-tr:not(.sr-th) { min-height: 146px; }
.hx .sr-td { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; min-width: 0px; padding: 0px 16px 0px 20px; }
.hx .sr-td.r { align-items: flex-end; text-align: right; }
.hx .sr-td.c { align-items: center; text-align: center; }
.hx .sr-td:last-child { padding-right: 28px; }
.hx .sr-td.is-rule { border-right: 1px solid var(--sr-row); }
.hx a.sr-tr, .hx button.sr-tr { cursor: pointer; }
.hx .sr-th { min-height: 56px; border-bottom-color: rgb(233, 233, 236); background: var(--sr-head); font-size: 14px; font-weight: 600; line-height: 16.8px; letter-spacing: 1.12px; text-transform: uppercase; color: rgb(74, 97, 86); }
.hx .sr-th .sr-td { position: relative; flex-direction: row; justify-content: flex-start; align-items: center; gap: 6px; white-space: nowrap; }
.hx .sr-th .sr-td.r { justify-content: flex-end; }
.hx .sr-th .sr-td.c { justify-content: center; }
.hx .sr-th .sr-td.is-wrap { white-space: normal; }
.hx .sr-th .sr-td:not(:last-child)::after { content: ""; position: absolute; right: -1px; top: 50%; width: 2px; height: 14px; margin-top: -7px; background: rgba(76, 78, 100, 0.12); }
.hx .sr-th svg { flex: 0 0 auto; width: 18px; height: 18px; color: rgba(76, 78, 100, 0.54); }
.hx .sr-th .sr-td.is-sorted { color: rgb(74, 97, 86); }
.hx .sr-animal { display: flex; align-items: center; gap: 12px; min-width: 0px; max-width: 100%; }
.hx .mpage[data-view="species"] .sr-animal .mp-thumb { width: 75px; height: 75px; border-radius: 8px; background: rgb(232, 244, 242); }
.hx .mpage[data-view="species"] .is-xl .sr-animal .mp-thumb { width: 94px; height: 94px; }
.hx .mpage[data-view="species"] .sr-animal .mp-sex { top: 4px; left: 4px; min-width: 24px; height: 24px; padding: 0px 4px; border-radius: 8px; font-size: 10px; font-weight: 600; line-height: 24px; }
.hx .mpage[data-view="species"] .mp-sex[data-s] { font-weight: 500; }
.hx .mpage[data-view="species"] .sr-animal .mp-sex.is-dead { min-width: 44px; padding: 0px; border-radius: 0px; background: url("assets/hx/icon/sr-mortality-badge.svg") center center / 44px 24px no-repeat; font-size: 0px; }
.hx .sr-animal__txt { display: flex; flex-direction: column; min-width: 0px; }
.hx .sr-animal__txt b { font-size: 16px; font-weight: 600; line-height: 24px; color: var(--sr-teal); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .sr-animal__txt i { font-size: 15px; font-style: normal; font-weight: 500; line-height: 22.5px; color: var(--sr-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .sr-name { display: flex; flex-direction: column; min-width: 0px; max-width: 100%; }
.hx .sr-name b { font-size: 16px; font-weight: 600; line-height: 20px; color: var(--sr-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .sr-name i { font-size: 14px; font-style: normal; line-height: 20px; color: var(--sr-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .sr-name.is-wrap b { white-space: normal; }
.hx .sr-date { font-size: 16px; font-weight: 600; line-height: 20.8px; color: var(--sr-ink); white-space: nowrap; }
.hx .sr-date i { font-style: normal; font-weight: 400; color: var(--sr-mute); }
.hx .sr-date.is-plain { font-weight: 500; line-height: 24px; }
.hx .sr-date + em { font-size: 15px; line-height: 22.5px; font-style: italic; color: rgb(122, 134, 132); }
.hx .sr-age { font-size: 16px; font-weight: 700; line-height: 20.8px; color: rgb(0, 174, 164); }
.hx .sr-plain { font-size: 16px; font-weight: 500; line-height: 20.8px; color: var(--sr-ink); }
.hx .sr-num { font-size: 16px; font-weight: 600; line-height: 20.8px; color: var(--sr-ink); font-variant-numeric: tabular-nums; }
.hx .sr-nil { font-size: 16px; font-weight: 400; line-height: 20.8px; color: rgb(169, 179, 173); }
.hx .sr-nil.is-dash { font-weight: 500; color: rgb(122, 134, 132); }
.hx .sr-strong { font-size: 16px; font-weight: 600; line-height: 20.8px; color: var(--sr-soft); }
.hx .sr-total { font-size: 16px; font-weight: 700; line-height: 20.8px; color: rgb(31, 107, 69); }
.hx .sr-red { font-size: 16px; font-weight: 700; line-height: 20.8px; color: rgb(212, 85, 58); }
.hx .sr-cut { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.hx .sr-cause { font-size: 16px; font-weight: 600; line-height: 20.8px; color: rgb(250, 97, 64); white-space: nowrap; }
.hx .sr-nec { font-size: 16px; font-weight: 600; line-height: 20.8px; }
.hx .sr-nec[data-tone="ok"] { color: var(--sr-green); }
.hx .sr-nec[data-tone="warn"] { color: rgb(240, 160, 32); }
.hx .sr-nec[data-tone="bad"] { color: rgb(212, 85, 58); }
.hx .sr-status { display: inline-flex; align-items: center; height: 22px; padding: 2px 6px; border-radius: 6px; font-size: 14px; font-weight: 600; line-height: 17.5px; background: rgb(218, 231, 223); color: var(--sr-soft); white-space: nowrap; }
.hx .sr-status[data-tone="ok"] { background: rgb(225, 249, 237); color: var(--sr-green); }
.hx .sr-status[data-tone="bad"] { background: rgb(255, 226, 220); color: rgb(194, 65, 42); }
.hx .sr-status[data-tone="info"] { background: rgb(224, 245, 250); color: rgb(31, 65, 91); }
.hx .sr-event { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 0px; max-width: 100%; }
.hx .sr-event em { display: inline-flex; align-items: center; height: 26px; padding: 0px 11px; border-radius: 999px; font-size: 14px; font-weight: 600; line-height: 14px; font-style: normal; background: rgb(218, 231, 223); color: var(--sr-soft); }
.hx .sr-event em[data-tone="bad"] { background: rgb(255, 211, 211); color: rgb(212, 85, 58); }
.hx .sr-event em[data-tone="ok"] { background: rgb(225, 249, 237); color: var(--sr-green); }
.hx .sr-event em[data-tone="gold"] { background: rgb(252, 244, 174); color: rgb(138, 109, 0); }
.hx .sr-event i { font-size: 14px; font-style: normal; line-height: 21px; color: var(--sr-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.hx .sr-dir { font-size: 16px; font-weight: 600; line-height: 20.8px; color: var(--sr-soft); }
.hx .sr-dir[data-tone="out"] { color: rgb(184, 54, 15); }
.hx .sr-dir[data-tone="in"] { color: var(--sr-green); }
.hx .sr-delta { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 28px; padding: 5px 0px; border-radius: 8px; font-size: 15px; font-weight: 600; line-height: 18px; font-variant-numeric: tabular-nums; }
.hx .sr-delta[data-tone="up"] { background: rgb(225, 249, 237); color: rgb(31, 107, 69); }
.hx .sr-delta[data-tone="down"] { background: rgb(255, 235, 229); color: rgb(194, 65, 42); }
.hx .sr-delta[data-tone="close"] { background: var(--sr-teal); color: rgb(255, 255, 255); }
.hx .sr-tr.is-close { position: relative; border: 0px; background: none; }
.hx .sr-tr.is-close::before { content: ""; position: absolute; inset: 8px 10px; border-radius: 12px; background: rgb(234, 248, 248); }
.hx .sr-tr.is-close .sr-td { position: relative; }
.hx .sr-tr.is-open .sr-plain, .hx .sr-tr.is-close .sr-plain { font-weight: 700; }
.hx .sr-demo__h { grid-template-rows: 56px 56px; }
.hx .sr-demo__h .sr-demo__site { grid-row: 1 / span 2; border-right: 1px solid rgba(76, 78, 100, 0.12); }
.hx .sr-demo__h .sr-demo__g { grid-row: 1; border-bottom: 1px solid rgba(76, 78, 100, 0.12); border-right: 1px solid rgba(76, 78, 100, 0.12); }
.hx .sr-demo__h .sr-td.sr-demo__g::after, .hx .sr-demo__h .sr-demo__site::after { display: none; }
.hx .sr-demo__h .sr-demo__s { grid-row: 2; line-height: 16px; }
.hx .sr-demo .sr-tr:not(.sr-th) { min-height: 76px; }
.hx .sr-demo__c { display: flex; flex-direction: column; align-items: flex-end; padding: 4px 8px; margin: -4px -8px; border-radius: 8px; color: inherit; text-decoration: none; }
.hx .sr-demo__c b { font-size: 16px; font-weight: 600; line-height: 24px; color: var(--sr-ink-2); }
.hx .sr-demo__c i { font-size: 14px; font-style: normal; line-height: 21px; color: var(--sr-mute); text-align: right; white-space: nowrap; }
.hx .sr-recon .sr-tr:not(.sr-th):not(.is-close) .sr-td:first-child { border-right: 1px solid var(--sr-row); }
.hx .sr-stats { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0px, 1fr); border: 1px solid var(--sr-line); border-radius: 16px; background: rgb(255, 255, 255); overflow: hidden; }
.hx .sr-stat { display: flex; flex-direction: column; gap: 9px; padding: 16px 24px; }
.hx .sr-stat + .sr-stat { border-left: 1px solid var(--sr-line); }
.hx .sr-stat span { font-size: 14px; font-weight: 700; line-height: 21px; letter-spacing: 1.12px; text-transform: uppercase; color: var(--sr-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .sr-stat b { font-size: 24px; font-weight: 800; line-height: 25.2px; color: rgb(47, 36, 36); font-variant-numeric: tabular-nums; }
.hx .sr-stat b[data-tone="red"] { color: rgb(212, 85, 58); }
.hx .sr-stat b[data-tone="green"] { color: rgb(31, 107, 69); }
.hx .sr-stat b[data-tone="mute"] { color: rgb(169, 179, 173); }
.hx .sr-line { display: block; width: 100%; height: auto; overflow: visible; }
.hx .sr-line__grid line { stroke: rgb(227, 232, 230); stroke-dasharray: 3, 4; }
.hx .sr-line__grid text { font-size: 11px; fill: var(--sr-mute-2); font-family: Inter, var(--font); }
.hx .sr-line__v { font-size: 12px; font-weight: 700; fill: var(--sr-ink); font-family: Inter, var(--font); }
.hx .sr-legend { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 14px; font-weight: 600; line-height: 21px; color: var(--sr-ink); }
.hx .sr-legend span { display: inline-flex; align-items: center; gap: 6px; }
.hx .sr-legend span::before { content: ""; width: 18px; height: 4px; border-radius: 2px; background: var(--c); }
.hx .sr-legend i { font-style: normal; font-weight: 400; color: var(--sr-mute); }
.hx .sr-legend.is-dots { gap: 6px 20px; font-size: 16px; font-weight: 400; line-height: 22.9px; }
.hx .sr-legend.is-dots span::before { width: 10px; height: 10px; border-radius: 3px; margin-right: 2px; }
.hx .sr-legend.is-center { justify-content: center; gap: 6px 16px; font-size: 16px; font-weight: 400; line-height: 22.9px; }
.hx .sr-legend.is-center span { gap: 5px; }
.hx .sr-legend.is-center span::before { width: 10px; height: 10px; border-radius: 3px; }
.hx .sr-legend b { font-weight: 700; }
.hx .sr-donut { display: flex; flex-direction: column; align-items: center; gap: 8px; padding-top: 4px; }
.hx .sr-donut svg { width: 188px; height: 188px; }
.hx .sr-donut__n { font-size: 12px; fill: var(--sr-mute-2); font-family: Inter, var(--font); }
.hx .sr-donut__l { font-size: 20px; font-weight: 600; fill: var(--sr-ink); font-family: Inter, var(--font); }
.hx .sr-surv { display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 12px; align-items: end; padding-top: 8px; text-align: center; }
.hx .sr-surv > div { display: flex; flex-direction: column; align-items: center; }
.hx .sr-surv b { font-size: 16px; font-weight: 700; line-height: 25px; color: rgb(212, 85, 58); }
.hx .sr-surv small { font-size: 14px; line-height: 17.5px; color: rgb(122, 134, 132); }
.hx .sr-surv__bar { display: flex; align-items: flex-end; width: 56px; height: 122px; margin-top: 2px; }
.hx .sr-surv__bar i { display: block; width: 100%; height: calc(var(--h) * 100%); min-height: 15px; border-radius: 4px 4px 0px 0px; background: var(--c, #FA6140); }
.hx .sr-surv em { margin-top: 3px; font-size: 14px; font-weight: 700; line-height: 17.5px; font-style: normal; color: rgb(212, 85, 58); }
.hx .sr-surv > div > i { font-size: 14px; font-style: normal; line-height: 16.8px; color: rgb(122, 134, 132); }
.hx .sr-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.hx .sr-chip { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0px 14px; border: 1px solid var(--sr-line); border-radius: 999px; background: rgb(255, 255, 255); font-size: 15px; font-weight: 500; line-height: 22.5px; color: var(--sr-ink); text-decoration: none; }
.hx .sr-chip b { font-weight: 700; color: rgb(212, 85, 58); }
.hx .sr-chip.is-egg { gap: 6px; height: 35px; padding: 5px 12px; border-color: rgb(195, 206, 199); border-radius: 20px; font-weight: 600; color: var(--sr-soft); }
.hx .sr-chip.is-egg b { font-weight: 800; color: var(--sr-green); }
.hx .sr-bigs { display: flex; flex-wrap: wrap; gap: 12px 48px; }
.hx .sr-bigs > div { display: flex; flex-direction: column; gap: 3px; }
.hx .sr-bigs b { font-size: 24px; font-weight: 700; line-height: 32px; color: var(--sr-soft); }
.hx .sr-bigs b[data-tone="teal"] { color: rgb(0, 174, 164); }
.hx .sr-bigs b[data-tone="green"] { color: rgb(55, 189, 105); }
.hx .sr-bigs b[data-tone="mute"] { color: rgb(122, 134, 132); }
.hx .sr-bigs small { font-size: 14px; line-height: 17.5px; letter-spacing: 1.12px; text-transform: uppercase; color: rgb(122, 134, 132); }
.hx .sr-hist { position: relative; height: 262px; padding: 12px 0px 0px 40px; }
.hx .sr-hist__axis { position: absolute; inset: 20px 0px 26px; display: flex; flex-direction: column; justify-content: space-between; }
.hx .sr-hist__axis span { position: relative; height: 1px; margin-left: 40px; background: var(--sr-line); }
.hx .sr-hist__axis span:last-child { background: rgb(228, 228, 227); }
.hx .sr-hist__axis em { position: absolute; left: -40px; top: -8px; width: 32px; font-size: 14px; font-style: normal; line-height: 16px; color: var(--sr-mute); }
.hx .sr-hist__bars { position: relative; display: grid; grid-template-columns: repeat(7, minmax(0px, 1fr)); height: 100%; }
.hx .sr-hist__bars > div { display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: 0px; }
.hx .sr-hist__bars span { flex: 1 1 auto; display: flex; align-items: flex-end; width: calc(100% - 26px); max-width: 56px; padding-bottom: 0px; margin-top: 8px; }
.hx .sr-hist__bars i { display: block; width: 100%; height: calc(var(--h) * 100%); min-height: 3px; border-radius: 4px 4px 0px 0px; background: linear-gradient(rgb(92, 214, 207), rgb(0, 174, 164)); }
.hx .sr-hist__bars em { font-size: 12px; font-style: normal; line-height: 16px; color: rgb(92, 87, 79); white-space: nowrap; }
.hx .sr-profile { display: flex; flex-direction: column; gap: 16px; }
.hx .sr-sec { padding: 20px; border: 1px solid var(--sr-line); border-radius: 16px; background: rgb(255, 255, 255); }
.hx .sr-sec__head { display: flex; align-items: center; gap: 12px; list-style: none; cursor: default; }
.hx details.sr-sec > .sr-sec__head { cursor: pointer; }
.hx .sr-sec__head::-webkit-details-marker { display: none; }
.hx .sr-sec__ico { flex: 0 0 auto; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; }
.hx .sr-sec__ico svg { width: 19px; height: 19px; }
.hx .sr-sec__ico[data-tone="green"] { background: rgb(225, 249, 237); color: var(--sr-green); }
.hx .sr-sec__ico[data-tone="teal"] { background: rgb(223, 249, 247); color: var(--sr-teal); }
.hx .sr-sec__ico[data-tone="sky"] { background: rgb(224, 245, 250); color: rgb(31, 65, 91); }
.hx .sr-sec__ico[data-tone="yellow"] { background: rgb(251, 246, 225); color: rgb(138, 109, 0); }
.hx .sr-sec__ico[data-tone="grey"] { background: rgb(240, 243, 241); color: var(--sr-soft); }
.hx .sr-sec__title { flex: 1 1 auto; margin: 0px; font-size: 18px; font-weight: 600; line-height: 27px; color: var(--sr-ink); }
.hx .sr-sec__chev { flex: 0 0 auto; display: grid; place-items: center; width: 22px; height: 22px; color: var(--sr-mute); transition: transform 200ms; }
.hx .sr-sec__chev svg { width: 22px; height: 22px; }
.hx details.sr-sec[open] .sr-sec__chev { transform: rotate(180deg); }
.hx .sr-sec__body { padding-top: 16px; }
.hx .sr-iucn { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; }
.hx .sr-iucn span { position: relative; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--bg); color: var(--ink); font-size: 14px; font-weight: 700; opacity: 0.42; }
.hx .sr-iucn span[style*="--bg:#fff"] { box-shadow: rgb(200, 195, 186) 0px 0px 0px 1px inset; }
.hx .sr-iucn span.is-on { opacity: 1; box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--sr-green); }
.hx .sr-iucn span.is-on::after { content: ""; position: absolute; top: -1px; right: -1px; width: 9px; height: 9px; border-radius: 50%; background: rgb(229, 57, 53); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px; }
.hx .sr-iucn__read { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0px; font-size: 16px; color: var(--sr-ink); }
.hx .sr-iucn__read b { font-weight: 700; color: var(--sr-green); }
.hx .sr-dot { color: rgb(181, 185, 183); }
.hx .sr-two { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; }
.hx .sr-tile { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 16px 12px; border-radius: 12px; background: rgb(223, 249, 247); text-align: center; }
.hx .sr-tile.is-left { align-items: flex-start; text-align: left; padding: 14px; }
.hx .sr-tile small { font-size: 14px; line-height: 21px; color: var(--sr-mute); }
.hx .sr-tile b { font-size: 18px; font-weight: 700; line-height: 27px; color: var(--sr-teal); }
.hx .sr-tile b em { font-size: 14px; font-weight: 500; font-style: normal; color: var(--sr-mute); }
.hx .sr-attr { display: flex; flex-direction: column; padding: 14px; border-radius: 12px; background: rgb(223, 249, 247); }
.hx .sr-attr__ico { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 12px; border-radius: 12px; }
.hx .sr-attr__ico svg { width: 21px; height: 21px; }
.hx .sr-attr__ico[data-tone="blue"] { background: rgb(214, 242, 248); color: rgb(31, 65, 91); }
.hx .sr-attr__ico[data-tone="yellow"] { background: rgb(252, 244, 174); color: rgb(138, 109, 0); }
.hx .sr-attr__ico[data-tone="green"] { background: rgb(225, 249, 237); color: var(--sr-green); }
.hx .sr-attr__ico[data-tone="orange"] { background: rgb(255, 235, 229); color: rgb(184, 54, 15); }
.hx .sr-attr__ico[data-tone="red"] { background: rgb(255, 211, 211); color: rgb(220, 38, 38); }
.hx .sr-attr small { margin-bottom: 3px; font-size: 14px; line-height: 21px; color: var(--sr-mute); }
.hx .sr-attr b { font-size: 16px; font-weight: 700; line-height: 21px; color: var(--sr-ink); }
.hx .sr-attr i { margin-top: 1px; font-size: 14px; font-style: normal; line-height: 21px; color: rgb(92, 87, 79); }
.hx .sr-attr.is-danger { grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 14px; background: rgb(255, 211, 211); }
.hx .sr-attr.is-danger .sr-attr__ico { margin: 0px; background: rgb(255, 255, 255); color: rgb(220, 38, 38); }
.hx .sr-attr.is-danger span { display: block; }
.hx .sr-attr.is-danger small { display: block; }
.hx .sr-attr.is-danger b { color: rgb(220, 38, 38); }
.hx .sr-attr.is-danger i { margin-left: 5px; }
.hx .sr-steps { position: relative; display: flex; flex-direction: column; gap: 12px; margin: 0px; padding: 0px 0px 0px 28px; list-style: none; }
.hx .sr-steps::before { content: ""; position: absolute; left: 9px; top: 20px; bottom: 20px; width: 1px; background: rgb(214, 226, 238); }
.hx .sr-steps { --st-bg: #E0F5FA; --st-ink: #1F415B; }
.hx .sr-steps[data-tone="gold"] { --st-bg: #FBF6E1; --st-ink: #8A6D00; }
.hx .sr-steps[data-tone="green"] { --st-bg: #E1F9ED; --st-ink: #006D35; }
.hx .sr-steps[data-tone="grey"] { --st-bg: #F0F3F1; --st-ink: #44544A; }
.hx .sr-steps li { position: relative; display: block; padding: 13px 16px; border-radius: 12px; background: var(--st-bg); font-size: 14px; line-height: 24px; color: var(--sr-mute); }
.hx .sr-steps li::before { content: ""; position: absolute; left: -23px; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: var(--st-ink); box-shadow: rgb(255, 255, 255) 0px 0px 0px 4px; }
.hx .sr-steps small { display: block; font-size: 14px; line-height: 21px; color: var(--sr-mute); }
.hx .sr-steps b { font-size: 16px; font-weight: 700; line-height: 24px; color: var(--st-ink); }
.hx .sr-steps i { font-style: normal; }
.hx .sr-sites { display: flex; flex-direction: column; }
.hx .sr-sites__row { display: grid; grid-template-columns: minmax(0px, 1fr) auto 56px 20px; align-items: center; gap: 16px; padding: 12px 8px; margin: 0px -8px; border-radius: 10px; color: inherit; text-decoration: none; }
.hx .sr-sites__row + .sr-sites__row { border-top: 1px solid var(--sr-row); }
.hx .sr-sites__row > span:first-child { display: flex; flex-direction: column; min-width: 0px; }
.hx .sr-sites__row > span:first-child b { font-size: 16px; font-weight: 600; color: var(--sr-ink); }
.hx .sr-sites__row > span:first-child i { font-size: 14px; font-style: normal; color: var(--sr-mute); }
.hx .sr-sites__row svg { width: 18px; height: 18px; color: var(--sr-mute-2); }
.hx .sr-sites__n { font-size: 18px; font-weight: 700; color: var(--sr-ink); text-align: right; }
.hx .sr-mfu { display: flex; gap: 6px; }
.hx .sr-mfu em { display: inline-flex; align-items: center; height: 26px; padding: 0px 10px; border: 1px solid var(--sr-line); border-radius: 999px; background: rgb(244, 249, 246); font-size: 13px; font-weight: 700; font-style: normal; }
.hx .sr-mfu [data-s="m"] { color: rgb(0, 175, 214); }
.hx .sr-mfu [data-s="f"] { color: rgb(250, 97, 64); }
.hx .sr-mfu [data-s="u"] { color: rgb(233, 51, 83); }
.hx .sr-links { display: flex; gap: 12px; flex-wrap: wrap; }
.hx .sr-links a { display: inline-flex; align-items: center; gap: 7px; padding: 9px 18px; border-radius: 999px; background: rgb(223, 249, 247); font-size: 15px; font-weight: 600; line-height: 22.5px; color: var(--sr-teal); text-decoration: none; }
.hx .sr-links svg { width: 16px; height: 16px; }
.hx .mp-form { display: flex; flex-direction: column; gap: var(--mp-gap); }
.hx .mp-field { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 500; line-height: 18px; color: var(--mp-text); }
.hx .mp-field em { font-style: normal; color: rgb(217, 63, 69); }
.hx .mp-field :is(input, select, textarea) { min-height: 44px; padding: 10px 12px; border: 1px solid rgb(211, 222, 218); border-radius: 10px; background: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; line-height: 20px; color: var(--mp-ink); }
.hx .mp-field :is(input, select, textarea):focus { outline: none; border-color: var(--mp-focus); box-shadow: rgba(0, 175, 214, 0.12) 0px 0px 0px 3px; }
.hx .mp-field input[readonly] { background: rgb(243, 246, 245); color: var(--mp-mute); }
.hx .mp-field.is-note textarea { background: rgb(255, 251, 232); border-color: rgb(239, 227, 176); }
.hx .mp-pair { display: grid; grid-template-columns: minmax(0px, 2fr) minmax(0px, 1fr); gap: 12px; }
.hx .mp-toggle { display: flex; align-items: center; gap: 12px; min-height: 44px; font-size: 14px; font-weight: 500; color: var(--mp-ink); cursor: pointer; }
.hx .mp-toggle input { width: 20px; height: 20px; margin: 0px; accent-color: var(--mp-green); }
.hx .mp-sublabel { margin: 4px 0px 0px; font-size: 13px; font-weight: 600; color: var(--mp-ink); }
.hx .mp-organpick { display: flex; flex-wrap: wrap; gap: 8px; }
.hx .mp-chipbtn { height: 32px; padding: 0px 12px; border: 1px solid rgb(211, 222, 218); border-radius: 16px; background: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13px; font-weight: 500; color: var(--mp-text); cursor: pointer; }
.hx .mp-chipbtn[aria-pressed="true"] { border-color: var(--mp-primary); background: var(--mp-primary); color: rgb(255, 255, 255); }
.hx .mp-organ { display: flex; flex-direction: column; gap: 10px; padding: 12px; border-radius: 10px; background: rgb(245, 248, 247); }
.hx .mp-organ b { font-size: 13px; font-weight: 600; color: var(--mp-ink); }
.hx .mp-yn { margin: 0px; padding: 0px; border: 0px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; }
.hx .mp-yn legend { margin-bottom: 8px; font-size: 13px; font-weight: 500; color: var(--mp-text); }
.hx .mp-yn legend em { color: rgb(217, 63, 69); font-style: normal; }
.hx .mp-yn label { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0px 12px; border: 1px solid rgb(211, 222, 218); border-radius: 10px; font-size: 14px; font-weight: 500; color: var(--mp-ink); cursor: pointer; }
.hx .mp-yn label:has(input:checked) { border-color: var(--mp-green); background: rgb(243, 250, 246); }
.hx .mp-yn input { width: 18px; height: 18px; margin: 0px; accent-color: var(--mp-green); }
.hx .mp-follow { display: flex; flex-direction: column; gap: 10px; padding: 12px; border-radius: 10px; background: rgb(245, 248, 247); }
.hx .mp-follow__out { margin: 0px; font-size: 13px; color: var(--mp-text); }
.hx .mp-acc { border: 1px solid var(--mp-line); border-radius: 10px; overflow: hidden; }
.hx .mp-acc summary { padding: 14px 16px; font-size: 14px; font-weight: 600; color: var(--mp-ink); cursor: pointer; }
.hx .mp-acc[open] summary { border-bottom: 1px solid var(--mp-line-2); }
.hx .mp-acc > div { display: flex; flex-direction: column; gap: 12px; padding: 16px; }
.hx .mp-egg__pill { flex: 0 0 auto; display: flex; align-items: center; gap: 2px; padding: 3px; border-radius: 26px; background: rgb(46, 125, 79); }
.hx .mp-egg__pill .mp-thumb { width: 40px; height: 40px; border-radius: 50%; }
.hx .mp-egg__pill i { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.92); color: rgb(46, 125, 79); }
.hx .mp-egg__pill i svg { width: 20px; height: 20px; }
.hx .mp-egg__pill[data-tone="warn"] { background: rgb(201, 149, 0); }
.hx .mp-egg__pill[data-tone="info"] { background: rgb(30, 90, 107); }
.hx .mp-egg__pill[data-tone="bad"] { background: rgb(201, 80, 46); }
.hx .mp-egg__pill[data-tone="dis"] { background: rgb(90, 58, 44); }
.hx .mp-egg__pill[data-tone="hatch"] { background: rgb(43, 161, 99); }
.hx .mp-egg__txt { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; font-size: 13px; line-height: 18px; color: var(--mp-mute); }
.hx .mp-egg__txt > b:first-child, .hx .mp-egg__txt > .mp-aaid + b, .hx .mp-egg__txt > .mp-link + b { font-size: 15px; font-weight: 600; line-height: 20px; color: var(--mp-ink); }
.hx .mp-egg__txt span b { font-weight: 600; color: var(--mp-primary); }
.hx .mp-bstat { flex: 0 0 auto; font-size: 12px; font-weight: 600; font-style: normal; color: rgb(11, 106, 134); }
.hx .mp-bstat[data-s="Completed"], .hx .mp-bstat[data-s="Security checked"] { color: var(--mp-green); }
.hx .mp-bstat[data-s="Canceled"] { color: var(--mp-faint); }
.hx .mp-batch { flex-wrap: wrap; row-gap: 8px; font-size: 13px; }
.hx .mp-batch__id { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0px 10px; border-radius: 14px; background: rgb(238, 243, 241); font-weight: 600; color: var(--mp-ink); }
.hx .mp-batch__id svg { width: 15px; height: 15px; color: var(--mp-mute); }
.hx .mp-batch .mp-bstat { margin-left: auto; }
.hx .msheet { position: fixed; inset: 0px; z-index: 20; display: flex; align-items: flex-end; justify-content: center; }
.hx .msheet[hidden] { display: none; }
.hx .msheet__veil { position: absolute; inset: 0px; background: rgba(20, 34, 40, 0.36); }
.hx .msheet__card { position: relative; display: flex; flex-direction: column; width: min(560px, 100%); max-height: min(86vh, 820px); border-radius: 16px 16px 0px 0px; background: rgb(255, 255, 255); box-shadow: rgba(20, 34, 40, 0.2) 0px -12px 40px; }
.hx .msheet__card.is-wide { width: min(760px, 100%); }
.hx .msheet { align-items: center; padding: 24px; }
.hx .msheet__card { border-radius: 16px; }
.hx .msheet__head { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; border-bottom: 1px solid var(--mp-line-2); }
.hx .msheet__head h3 { margin: 0px; font-size: 17px; font-weight: 600; line-height: 24px; color: var(--mp-ink); }
.hx .msheet__x { display: grid; place-items: center; width: 36px; height: 36px; border: 0px; border-radius: 50%; background: rgb(241, 245, 243); color: var(--mp-ink); cursor: pointer; }
.hx .msheet__x svg { width: 18px; height: 18px; }
.hx .msheet__body { flex: 1 1 auto; min-height: 0px; overflow-y: auto; display: flex; flex-direction: column; gap: 16px; padding: 20px; }
.hx .msheet__foot { flex: 0 0 auto; display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--mp-line-2); }
.hx .msheet__foot .mp-btn { flex: 0 1 200px; }
.hx .mfil { display: grid; grid-template-columns: 184px minmax(0px, 1fr); min-height: 320px; margin: -20px; }
.hx .mfil__rail { display: flex; flex-direction: column; padding: 8px 0px; background: rgb(245, 248, 247); border-right: 1px solid var(--mp-line-2); }
.hx .mfil__rail button { display: flex; justify-content: space-between; align-items: center; min-height: 44px; padding: 0px 16px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 500; color: var(--mp-text); text-align: left; cursor: pointer; }
.hx .mfil__rail button[aria-pressed="true"] { background: rgb(255, 255, 255); color: var(--mp-ink); font-weight: 600; box-shadow: inset 2px 0 0 var(--mp-green); }
.hx .mfil__rail b { font-size: 12px; font-weight: 600; color: var(--mp-faint); }
.hx .mfil__opts { display: flex; flex-direction: column; padding: 8px 20px; overflow-y: auto; }
.hx .mfil__opt { display: flex; align-items: center; gap: 12px; min-height: 40px; font-size: 14px; color: var(--mp-ink); cursor: pointer; }
.hx .mfil__opt input { flex: 0 0 auto; width: 18px; height: 18px; margin: 0px; accent-color: var(--mp-green); }
.hx .mfil__opt span { flex: 1 1 auto; min-width: 0px; }
.hx .mfil__opt small { font-size: 12px; color: var(--mp-faint); font-variant-numeric: tabular-nums; }
.hx .mp-radios { display: flex; flex-direction: column; gap: 8px; }
.hx .mp-radio { display: flex; align-items: center; justify-content: space-between; min-height: 52px; padding: 0px 16px; border: 1px solid var(--mp-line); border-radius: 10px; background: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 500; color: var(--mp-ink); cursor: pointer; }
.hx .mp-radio i { width: 20px; height: 20px; border: 2px solid rgb(197, 210, 205); border-radius: 50%; }
.hx .mp-radio[aria-pressed="true"] { border-color: var(--mp-green); background: rgb(243, 250, 246); }
.hx .mp-radio[aria-pressed="true"] i { border: 6px solid var(--mp-green); }
.hx .mtax { display: flex; flex-direction: column; gap: 4px; }
.hx .mtax details { margin-left: 16px; }
.hx .mtax > details { margin-left: 0px; }
.hx .mtax summary { list-style: none; cursor: pointer; }
.hx .mtax summary::-webkit-details-marker { display: none; }
.hx .mtax__n { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0px 12px; border-radius: 8px; font-size: 14px; color: var(--mp-text); }
.hx .mtax__n.is-class { background: rgb(241, 246, 244); font-weight: 600; color: var(--mp-ink); }
.hx .mtax__n.is-order { font-weight: 500; color: var(--mp-ink); }
.hx .mtax__n.is-family { margin-left: 28px; }
.hx .mtax__n > span { flex: 1 1 auto; }
.hx .mtax__n b { font-size: 12px; font-weight: 600; color: var(--mp-mute); }
.hx .mtax__n button { height: 28px; padding: 0px 10px; border: 1px solid var(--mp-line); border-radius: 14px; background: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 12px; font-weight: 600; color: var(--mp-ink); cursor: pointer; }
.hx .mp-toast { position: fixed; left: 50%; bottom: calc(24px + env(safe-area-inset-bottom)); z-index: 30; translate: -50% 12px; max-width: calc(100% - 32px); padding: 10px 16px; border-radius: 10px; background: rgb(28, 58, 72); color: rgb(255, 255, 255); font-size: 14px; font-weight: 500; opacity: 0; pointer-events: none; transition: opacity 180ms, translate 180ms; }
.hx .mp-toast.is-on { opacity: 1; translate: -50%; }
.hx .kins__open { padding: 0px; border: 0px; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; }
.hx .kins__open:focus-visible { outline: 2px solid var(--k-ink, #00AFD6); outline-offset: 3px; border-radius: 4px; }
.hx .mp-th > .mp-tr__name:first-child { padding-left: 56px; }
.hx .mpage[data-mod="mortality"] { --mp-bg: #FCCBBB; --mt-bar: #F7DFD7; --mt-barline: #EAD4CC; --mt-barink: #44544A; --mt-barh: 56px; --mt-bx: 26px; --mt-tx: 72.5px; --mt-ink: #44544A; --mt-dark: #250E01; --mt-teal: #1F515B; --mt-navy: #1F415B; --mt-mute: #7A8684; --mt-red: #FA6140; --mt-green: #006D35; --mt-line: #C3CEC7; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif; color: var(--mt-ink); }
.hx .mpage[data-mod="mortality"][data-view="mt-drill"] { --mp-bg: #FFE5DD; --mt-bar: #FFE5DD; --mt-barline: #FFBDA8; --mt-barink: #1F415B; }
.hx .mpage[data-mod="mortality"][data-view="mt-tlist"] { --mt-barline: #FFBDA8; --mt-barh: 65px; --mt-bx: 20.5px; --mt-tx: 57px; }
.hx .mpage[data-mod="mortality"]:is([data-view="mt-new"], [data-view="mt-plain"]) { --mp-bg: #fff; --mt-bar: #fff; --mt-barline: #C3CEC7; --mt-barh: 45px; --mt-bx: 20.5px; --mt-tx: 61px; }
.hx .mpage[data-mod="mortality"][data-view="mt-death"] { --mp-bg: #fff; }
.hx .mpage[data-mod="mortality"][data-view="mt-check"] { --mp-bg: #DAE7DF; --mt-bar: #fff; --mt-barline: #fff; --mt-barh: 44px; --mt-barink: #1F415B; --mt-bx: 20px; --mt-tx: 56.5px; }
.hx .mpage[data-mod="mortality"][data-view="mt-tdetail"] { --mp-bg: #fff; --mt-bar: #4A0415; --mt-barline: #4A0415; --mt-barink: #fff; --mt-barh: 64px; --mt-bx: 16px; }
.hx .mpage[data-mod="mortality"] .mpage__bar { position: relative; min-height: var(--mt-barh); padding: env(safe-area-inset-top) 16px 0 0; gap: 0px; background: var(--mt-bar); border-bottom: 1px solid var(--mt-barline); }
.hx .mpage[data-mod="mortality"][data-view="mt-new"] .mpage__bar { padding-bottom: 12px; }
.hx .mpage[data-mod="mortality"][data-view="mt-new"] .mpage__back { height: 32px; }
.hx .mpage[data-mod="mortality"][data-view="mt-death"] .mpage__bar { display: none; }
.hx .mpage[data-mod="mortality"] .mpage__back { margin-left: calc(var(--mt-bx) - 14px); color: var(--mt-barink); }
.hx .mpage[data-mod="mortality"] .mpage__head { margin-left: calc(var(--mt-tx) - var(--mt-bx) - 31px); }
.hx .mpage[data-mod="mortality"] .mpage__title { font-size: 20px; font-weight: 400; line-height: 26px; letter-spacing: 0px; color: var(--mt-barink); }
.hx .mpage[data-mod="mortality"][data-view="mt-check"] .mpage__title { font-weight: 500; }
.hx .mpage[data-mod="mortality"][data-view="mt-tdetail"] .mpage__head { position: absolute; left: 0px; right: 0px; margin: 0px; text-align: center; pointer-events: none; }
.hx .mpage[data-mod="mortality"] .mpage__sub { display: none; }
.hx .mpage[data-mod="mortality"] .mpage__right { margin-left: auto; gap: 8px; }
.hx .mt-ctlink { display: inline-flex; align-items: center; gap: 2px; font-size: 16px; line-height: 20px; color: rgb(37, 14, 1); text-decoration: none; white-space: nowrap; }
.hx .mt-ctlink svg { width: 20px; height: 22px; }
.hx .mt-ibtn { display: grid; place-items: center; width: 34px; height: 40px; padding: 0px; border: 0px; background: none; color: var(--mt-barink); cursor: pointer; }
.hx .mt-ibtn svg { width: 22px; height: 22px; }
.hx .mpage[data-mod="mortality"] .mpage__body { padding: 0px; gap: 0px; background: var(--mp-bg); }
.hx .mpage[data-mod="mortality"] .mp-empty { padding: 40px 16px; color: var(--mt-mute); }
.hx .mpage[data-mod="mortality"] .mp-more { margin: 0px auto; border-color: var(--mt-line); color: var(--mt-ink); }
.hx .mpage:is([data-mod="mortality"], [data-mod="necropsy"], [data-mod="medical"]) {
  .hx & .mt-band { position: sticky; top: 0px; z-index: 3; background: rgb(247, 223, 215); }
  .hx & .mt-head { display: flex; flex-direction: column; padding: 15px 16px 16px; border-bottom: 1px solid rgb(234, 212, 204); }
  .hx & .mt-range { position: relative; align-self: flex-start; display: inline-flex; align-items: center; gap: 5px; margin-left: 5px; height: 20px; color: rgb(68, 84, 74); cursor: pointer; }
  .hx & .mt-range select { appearance: none; field-sizing: content; height: 20px; padding: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 500; line-height: 20px; color: inherit; cursor: pointer; }
  .hx & .mt-range svg { width: 11px; height: 11px; pointer-events: none; }
  .hx & .mt-site { display: flex; align-items: center; justify-content: space-between; height: 54px; margin-top: 8px; padding: 0px 22px 0px 20.5px; border: 0px; border-radius: 6px; background: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 15px; font-weight: 600; color: rgb(68, 84, 74); text-align: left; cursor: pointer; }
  .hx & .mt-site svg { width: 16px; height: 16px; color: rgb(31, 81, 91); }
  .hx & .mt-tabs { display: flex; justify-content: space-between; height: 67.5px; padding: 0px 16px; }
  .hx & .mt-tab { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0px; width: 84px; height: 100%; padding: 0px; border: 0px; background: none; font: inherit; color: rgb(37, 14, 1); cursor: pointer; }
  .hx & .mt-tab b { font-size: 20px; font-weight: 500; line-height: 24px; font-variant-numeric: tabular-nums; }
  .hx & .mt-tab span { font-size: 14px; line-height: 18px; white-space: nowrap; }
  .hx & .mt-tab[aria-selected="true"] b { color: rgb(250, 97, 64); }
  .hx & .mt-tab[aria-selected="true"]::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 2px; background: rgb(250, 97, 64); }
  .hx & .mt-tabs.is-compact { height: 62px; padding-top: 1px; }
  .hx & .mt-tabs.is-compact .mt-tab { width: auto; }
  .hx & .mt-tabs.is-compact .mt-tab b { font-size: 16px; font-weight: 600; line-height: 20px; }
  .hx & .mt-tabs.is-compact .mt-tab span { line-height: 20px; }
  .hx & .mt-tabs.is-stat { display: grid; grid-template-columns: repeat(2, 284px); justify-content: center; height: 89.5px; margin: 16px 16px 0px; padding: 0px; border-radius: 10px; background: rgb(255, 189, 168); overflow: hidden; }
  .hx & .mt-tabs.is-stat .mt-tab { width: auto; gap: 2px; padding-top: 2px; }
  .hx & .mt-tabs.is-stat .mt-tab b { font-size: 28px; font-weight: 700; line-height: 34px; color: rgb(37, 14, 1); }
  .hx & .mt-tabs.is-stat .mt-tab span { color: rgb(74, 4, 21); }
  .hx & .mt-tabs.is-stat .mt-tab[aria-selected="true"]::after { left: 50%; right: auto; width: 84px; height: 6px; translate: -50%; border-radius: 3px 3px 0px 0px; }
  .hx & .mt-find { display: flex; align-items: center; gap: 9px; margin: 12px 16px 0px; }
  .hx & .mt-search { flex: 1 1 auto; min-width: 0px; display: flex; align-items: center; gap: 7px; height: 40px; padding: 0px 10px; border: 1px solid rgb(195, 206, 199); border-radius: 6px; background: rgb(255, 255, 255); }
  .hx & .mt-search svg { flex: 0 0 auto; width: 20px; height: 20px; color: rgb(31, 81, 91); }
  .hx & .mt-search input { flex: 1 1 auto; min-width: 0px; height: 100%; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 15px; font-weight: 500; color: rgb(31, 81, 91); outline: none; }
  .hx & .mt-search input::placeholder { color: rgb(31, 81, 91); opacity: 1; }
  .hx & .mt-search:focus-within { border-color: rgb(31, 81, 91); }
  .hx & .mt-fbtn { position: relative; flex: 0 0 auto; display: grid; place-items: center; width: 45px; height: 35px; padding: 0px; border: 1px solid rgb(195, 206, 199); border-radius: 6px; background: rgb(255, 255, 255); color: rgb(68, 84, 74); cursor: pointer; }
  .hx & .mt-fbtn svg { width: 28px; height: 26px; }
  .hx & .mt-fbtn b { position: absolute; top: -6px; right: -6px; min-width: 18px; height: 18px; padding: 0px 4px; border-radius: 9px; background: rgb(250, 97, 64); color: rgb(255, 255, 255); font-size: 11px; line-height: 18px; }
  .hx & .mt-views { flex: 0 0 auto; display: flex; align-items: center; gap: 14.5px; margin: 0px 8.5px 0px 4px; }
  .hx & .mt-views button { display: grid; place-items: center; width: 24px; height: 36px; padding: 0px; border: 0px; background: none; color: rgb(68, 84, 74); cursor: pointer; }
  .hx & .mt-views button + button { width: 20px; }
  .hx & .mt-views button[aria-pressed="true"] { color: rgb(55, 189, 105); }
  .hx & .mt-views svg { width: 24px; height: 24px; }
  .hx & .mt-views button + button svg { width: 20px; height: 20px; }
  .hx & .mt-list { display: flex; flex-direction: column; gap: 16px; padding: 12px 16px 120px; }
  .hx & .mt-list.is-reasons { gap: 8px; padding-top: 16px; }
  .hx & .mt-list.is-arows { gap: 8px; }
  .hx & .mt-list.is-tcards { gap: 12px; }
  .hx & .mt-ph { position: relative; flex: 0 0 auto; display: grid; place-items: center; overflow: hidden; background: rgb(229, 229, 229); }
  .hx & .mt-ph img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
  .hx & .mt-ph .mp-mark { width: 72%; height: 72%; background: rgb(131, 157, 141); }
  .hx & .mt-ph__x { position: absolute; right: 5px; bottom: 5px; display: grid; color: rgb(255, 255, 255); }
  .hx & .mt-ph__x svg { width: 10px; height: 10px; }
  .hx & .mt-ph.is-sp .mt-ph__x, .hx & .mt-ph.is-av .mt-ph__x, .hx & .mt-ph.is-48 .mt-ph__x { display: none; }
  .hx & .mt-badge { position: absolute; top: 4px; left: 4px; z-index: 1; display: inline-flex; align-items: center; justify-content: center; gap: 3px; min-width: 24px; height: 24px; padding: 0px 4px; border-radius: 4px; font-size: 11px; font-weight: 500; font-style: normal; line-height: 1; color: rgb(255, 255, 255); background: rgb(0, 175, 214); }
  .hx & .mt-badge[data-s="f"] { background: rgb(250, 97, 64); }
  .hx & .mt-badge.is-dead { height: 21px; padding: 0px 5px 0px 6px; gap: 4px; background: rgb(74, 4, 21); font-size: 12px; }
  .hx & .mt-badge svg { width: 13px; height: 13px; }
  .hx & .mt-dcard { display: flex; flex-direction: column; padding: 12px 1px 1px; border-radius: 8px; background: rgb(255, 255, 255); color: inherit; text-decoration: none; overflow: hidden; }
  .hx & .mt-dcard__by { padding: 0px 8px; font-size: 14px; line-height: 20px; color: rgb(122, 134, 132); }
  .hx & .mt-dcard__by b { font-weight: 400; color: rgb(68, 84, 74); }
  .hx & .mt-dcard__main { display: flex; gap: 8.5px; padding: 6.5px 7px 7px; }
  .hx & .mt-ph.is-160 { width: 160px; height: 160px; border-radius: 8px; background: rgb(255, 224, 224); }
  .hx & .mt-dcard__txt { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; padding-top: 3px; }
  .hx & .mt-aaid { font-size: 17px; font-weight: 700; line-height: 22px; color: rgb(31, 81, 91); font-variant-numeric: tabular-nums; }
  .hx & .mt-mdate { font-size: 13px; font-weight: 600; font-style: normal; line-height: 18px; color: rgb(250, 97, 64); }
  .hx & .mt-dot { font-style: normal; }
  .hx & .mt-dcard__txt strong, .hx & .mt-arow__txt strong { font-size: 16px; font-weight: 500; line-height: 22px; color: rgb(68, 84, 74); }
  .hx & .mt-dcard__txt i, .hx & .mt-arow__txt i { font-size: 14px; line-height: 20px; color: rgb(122, 134, 132); }
  .hx & .mt-dcard__txt span, .hx & .mt-arow__txt span { font-size: 16px; font-weight: 600; line-height: 22px; color: rgb(68, 84, 74); }
  .hx & .mt-dcard__txt > *, .hx & .mt-arow__txt > * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .hx & .mt-strip { display: flex; align-items: center; gap: 7px; height: 36px; padding: 0px 16px 0px 18px; border-radius: 0px 0px 7px 7px; font-size: 15px; font-weight: 500; }
  .hx & .mt-strip svg { flex: 0 0 auto; width: 17px; height: 17px; }
  .hx & .mt-strip small { margin-left: auto; padding-right: 0px; font-size: 12px; font-weight: 600; }
  .hx & .mt-strip[data-s="completed"] { background: rgb(225, 249, 237); color: rgb(0, 109, 53); }
  .hx & .mt-strip[data-s="completed"] svg { color: rgb(55, 189, 105); }
  .hx & .mt-strip[data-s="pending"] { background: rgb(252, 248, 232); color: rgb(37, 14, 1); }
  .hx & .mt-strip[data-s="pending"] :is(svg, small) { color: rgb(228, 184, 25); }
  .hx & .mt-strip[data-s="pending"] small { font-weight: 400; }
  .hx & .mt-strip[data-s="incoming"] { background: rgb(207, 245, 243); color: rgb(31, 81, 91); }
  .hx & .mt-strip[data-s="unsuitable"] { background: rgb(254, 245, 246); color: rgb(250, 97, 64); }
  .hx & .mt-sprow { display: flex; height: 95px; border: 1px solid rgb(195, 206, 199); border-radius: 8px; background: rgb(255, 255, 255); color: inherit; text-decoration: none; overflow: hidden; }
  .hx & .mt-ph.is-sp { width: 90px; height: 100%; }
  .hx & .mt-sprow__txt { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; padding: 11px 12px 0px 17px; }
  .hx & .mt-sprow__txt b { font-size: 16px; font-weight: 500; line-height: 22px; color: rgb(68, 84, 74); }
  .hx & .mt-sprow__txt i { font-size: 13px; line-height: 18px; color: rgb(68, 84, 74); }
  .hx & .mt-chips { display: flex; gap: 8px; margin-top: 12px; }
  .hx & .mt-chip { height: 19px; min-width: 40px; padding: 0px 8px; border-radius: 4px; background: rgb(221, 235, 233); font-size: 13px; font-style: normal; line-height: 19px; text-align: center; color: rgb(31, 81, 91); }
  .hx & .mt-chip[data-s="f"] { background: rgb(254, 207, 197); color: rgb(250, 97, 64); }
  .hx & .mt-sprow__n { align-self: flex-start; margin: 11px 15px 0px 0px; font-size: 16px; font-weight: 600; font-style: normal; line-height: 22px; color: rgb(0, 109, 53); }
  .hx & .mt-reason { display: flex; align-items: center; justify-content: space-between; height: 55px; padding: 0px 22px 0px 13px; border-radius: 8px; background: rgb(255, 255, 255); color: inherit; text-decoration: none; }
  .hx & .mt-reason span { font-size: 16px; font-weight: 600; color: rgb(68, 84, 74); }
  .hx & .mt-reason b { font-size: 22px; font-weight: 600; color: rgb(0, 109, 53); font-variant-numeric: tabular-nums; }
  .hx & .mt-spcard { display: flex; align-items: center; gap: 14px; height: 83px; margin: 0px 16px; padding: 0px 16px; border: 1px solid rgb(255, 189, 168); border-radius: 10px; background: rgb(255, 229, 221); }
  .hx & .mt-ph.is-av { width: 50px; height: 50px; border-radius: 50%; background: rgb(231, 208, 200); align-self: flex-start; margin-top: 16px; }
  .hx & .mt-spcard span { display: flex; flex-direction: column; align-self: flex-start; padding-top: 16px; min-width: 0px; }
  .hx & .mt-spcard b { font-size: 16px; font-weight: 600; line-height: 22px; color: rgb(0, 0, 0); }
  .hx & .mt-spcard i { font-size: 14px; line-height: 18px; color: rgb(68, 84, 74); }
  .hx & .mt-rtitle { margin: 5px 17px 0px; font-size: 22px; font-weight: 400; line-height: 28px; color: rgb(0, 0, 0); }
  .hx & .mt-rtitle + .mt-tabs.is-stat { margin-top: 14px; }
  .hx &[data-view="mt-drill"] .mt-tabs.is-stat + .mt-find { margin-top: 28px; }
  .hx &[data-view="mt-drill"] .mt-tabs.is-stat + .mt-list { padding-top: 20px; }
  .hx &[data-view="mt-drill"] .mt-find + .mt-list.is-arows { padding-top: 16px; }
  .hx & .mt-arow { position: relative; display: flex; align-items: flex-start; gap: 10px; padding: 8px; border-radius: 12px; background: rgb(255, 255, 255); color: inherit; text-decoration: none; }
  .hx & .mt-arow.is-pink { background: rgb(255, 227, 227); }
  .hx & .mt-ph.is-115 { width: 115px; height: 115px; border-radius: 8px; background: rgb(215, 247, 245); }
  .hx & .mt-arow.is-pink .mt-ph.is-115 { background: rgb(213, 233, 230); }
  .hx & .mt-arow__txt { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; padding-top: 0px; }
  .hx & .mt-arow__txt .mt-aaid { font-size: 16px; }
  .hx & .mt-chev { align-self: center; display: grid; margin-right: 6px; color: rgb(122, 134, 132); }
  .hx & .mt-chev svg { width: 16px; height: 16px; }
  .hx & .mt-fab { position: fixed; z-index: 4; display: grid; place-items: center; padding: 0px; border: 0px; cursor: pointer; text-decoration: none; }
  .hx & .mt-fab.is-add { right: 32px; bottom: 108px; width: 50px; height: 50px; border-radius: 8px; background: rgb(82, 249, 144); color: rgb(31, 81, 91); box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px; }
  .hx & .mt-fab.is-add svg { width: 24px; height: 24px; }
  .hx & .mt-fab.is-plus { right: 17px; bottom: 92px; width: 56px; height: 56px; border-radius: 12px; background: rgb(82, 249, 144); color: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px; }
  .hx & .mt-fab.is-plus svg { width: 26px; height: 26px; }
  .hx & .mt-fab.is-truck { right: 35px; bottom: 86px; width: 48px; height: 48px; border-radius: 12px; background: linear-gradient(rgb(250, 97, 64), rgb(236, 58, 80)); box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 8px; }
  .hx & .mt-fab.is-truck svg { width: 28px; height: 28px; }
  .hx & .mt-hero { position: relative; flex: 0 0 auto; height: 329px; background: center center / cover no-repeat rgb(157, 172, 163); color: rgb(255, 255, 255); }
  .hx & .mt-hero__back { position: absolute; left: 6px; top: 6px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0px; border: 0px; border-radius: 50%; background: none; color: rgb(255, 255, 255); cursor: pointer; }
  .hx & .mt-hero__back svg { width: 26px; height: 26px; filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 1px 1px); }
  .hx & .mt-hero__tools { position: absolute; right: 12px; top: 8px; display: flex; gap: 4px; }
  .hx & .mt-hero__tools button { display: grid; place-items: center; width: 36px; height: 44px; padding: 0px; border: 0px; background: none; color: rgb(255, 255, 255); cursor: pointer; }
  .hx & .mt-hero__tools svg { width: 25px; height: 25px; }
  .hx & .mt-hero__card { position: absolute; left: 30px; right: 30px; top: 68px; display: flex; flex-direction: column; min-height: 191px; padding: 10px 8px 12px; border-radius: 8px; background: rgba(0, 0, 0, 0.5); font-size: 14px; line-height: 19px; }
  .hx & .mt-hero__card h2 { margin: 0px 0px 4px; font-size: 34px; font-weight: 400; line-height: 40px; }
  .hx & .mt-hero__card i { margin-bottom: 6px; font-size: 13px; line-height: 18px; }
  .hx & .mt-hero__card b { font-weight: 600; }
  .hx & .mt-deadpill { position: absolute; left: 31px; top: 271px; height: 25px; padding: 0px 12.5px; border-radius: 12.5px; background: rgb(233, 51, 83); font-size: 13px; font-style: normal; line-height: 25px; color: rgb(255, 255, 255); }
  .hx & .mt-ptabs { display: flex; justify-content: flex-end; height: 50px; padding: 0px 64px 0px 16px; border-bottom: 1px solid rgb(239, 239, 239); background: rgb(255, 255, 255); }
  .hx & .mt-ptabs span { position: relative; display: flex; align-items: center; padding: 0px 25px; font-size: 14px; font-weight: 500; color: rgb(0, 109, 53); }
  .hx & .mt-ptabs span::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: -1px; height: 2px; background: rgb(0, 109, 53); }
  .hx & .mt-sec { margin: 16px 20px 11px; font-size: 18px; font-weight: 500; line-height: 24px; color: rgb(68, 84, 74); }
  .hx & .mt-report { display: flex; flex-direction: column; gap: 13px; margin: 0px 16px 170px; padding: 15px 16px 20px; border-radius: 12px; background: rgb(255, 233, 233); }
  .hx & .mt-report dt { font-size: 14px; line-height: 18px; color: rgb(68, 84, 74); }
  .hx & .mt-report dd { margin: 0px; font-size: 16px; font-weight: 600; line-height: 22px; color: rgb(0, 0, 0); }
  .hx & .mt-report .mt-dot { color: rgb(122, 134, 132); }
  .hx & .mt-a { color: rgb(31, 81, 91); }
  .hx & .mt-dfoot { position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 3; display: flex; flex-direction: column; padding: 18px 16px 10px; border-radius: 16px 16px 0px 0px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px -2px 6px; }
  .hx & .mt-dfoot small { font-size: 14px; line-height: 20px; color: rgb(122, 134, 132); }
  .hx & .mt-dfoot b { font-size: 16px; font-weight: 500; line-height: 22px; color: rgb(250, 97, 64); }
  .hx & .mt-dfoot b[data-ok="true"] { color: rgb(0, 109, 53); }
  .hx & .mt-gobtn { display: grid; place-items: center; height: 50px; margin-top: 17px; border-radius: 10px; background: rgb(55, 189, 105); font-size: 16px; font-weight: 500; color: rgb(255, 255, 255); text-decoration: none; }
  .hx & .mt-tcard { display: block; padding: 13px 4px 4px; border-radius: 6px; background: rgb(255, 255, 255); color: inherit; text-decoration: none; box-shadow: rgba(120, 60, 40, 0.25) 0px 2px 4px; }
  .hx & .mt-tcard__top { display: flex; justify-content: space-between; padding: 0px 0px 0px 9px; font-size: 12px; line-height: 16px; color: rgb(68, 84, 74); }
  .hx & .mt-tcard__top b { font-weight: 600; }
  .hx & .mt-bul { display: inline-block; width: 4px; height: 4px; margin: 0px 5px 2px; border-radius: 50%; background: rgb(122, 134, 132); vertical-align: middle; }
  .hx & .mt-tcard__mid { display: flex; align-items: center; padding: 15px 12px 6px 9px; }
  .hx & .mt-tcard__id { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; }
  .hx & .mt-ctid { font-size: 17px; font-weight: 600; line-height: 18px; color: rgb(31, 81, 91); }
  .hx & .mt-carc { font-size: 16px; line-height: 20px; color: rgb(68, 84, 74); }
  .hx & .mt-carc b { font-weight: 700; }
  .hx & .mt-route { display: flex; flex-direction: column; margin-top: 4px; font-size: 15px; line-height: 20px; color: rgb(68, 84, 74); }
  .hx & .mt-route > span { display: flex; align-items: center; gap: 8px; }
  .hx & .mt-route > span::before { content: ""; flex: 0 0 auto; width: 16px; height: 8px; background: radial-gradient(circle at 3.5px 50%, rgb(55, 189, 105) 3.2px, transparent 3.6px), linear-gradient(rgb(55, 189, 105), rgb(55, 189, 105)) 5px 50% / 11px 2px no-repeat; }
  .hx & .mt-route > span[data-end="to"]::before { background: linear-gradient(rgb(233, 51, 83), rgb(233, 51, 83)) 0px 50% / 9px 2px no-repeat, linear-gradient(rgb(233, 51, 83), rgb(233, 51, 83)) 8px 50% / 8px 8px no-repeat; }
  .hx & .mt-tcard .mt-chev { color: rgb(68, 84, 74); margin: 0px -3px 0px 8px; }
  .hx & .mt-stage { display: block; height: 32px; padding: 0px 12.5px; border-radius: 0px 0px 4px 4px; font-size: 15px; font-weight: 500; line-height: 32px; }
  .hx & .mt-stage[data-st="loading"] { background: rgb(232, 244, 242); color: rgb(31, 81, 91); }
  .hx & .mt-stage[data-st="checkin"] { background: rgb(253, 248, 206); color: rgb(37, 14, 1); }
  .hx & .mt-stage[data-st="checkout"] { background: rgb(207, 245, 243); color: rgb(31, 81, 91); }
  .hx & .mt-stage[data-st="done"] { background: rgb(225, 249, 237); color: rgb(0, 109, 53); }
  .hx & .mt-stage[data-st="cancel"] { background: rgb(254, 245, 246); color: rgb(250, 97, 64); }
  .hx & .mt-thead { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0px 10px 8px 17px; background: rgb(74, 4, 21); color: rgb(255, 255, 255); }
  .hx & .mt-thead.is-qr { padding-bottom: 16px; }
  .hx & .mt-thead.is-qr .mt-route { margin-top: 8px; }
  .hx & .mt-thead__txt { display: flex; flex-direction: column; min-width: 0px; }
  .hx & .mt-thead__txt > b { font-size: 16px; font-weight: 500; line-height: 18px; }
  .hx & .mt-route.is-white { margin-top: 0px; font-size: 16px; font-weight: 600; line-height: 26px; color: rgb(255, 255, 255); }
  .hx & .mt-route.is-white > span { gap: 8px; }
  .hx & .mt-qr { flex: 0 0 auto; width: 46px; height: 46px; fill: rgb(255, 255, 255); }
  .hx & .mt-tby { display: grid; grid-template-columns: 32px 1fr auto; column-gap: 8px; align-items: center; padding: 12px 17px 16px; background: rgb(66, 4, 19); color: rgb(255, 255, 255); }
  .hx & .mt-tby > small { grid-column: 1 / -1; margin-bottom: 3px; font-size: 12px; line-height: 16px; }
  .hx & .mt-avatar { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: rgb(0, 214, 201); font-size: 14px; font-style: normal; font-weight: 500; color: rgb(255, 255, 255); }
  .hx & .mt-tby__who { display: flex; flex-direction: column; min-width: 0px; }
  .hx & .mt-tby__who b { font-size: 15px; font-weight: 500; line-height: 20px; }
  .hx & .mt-tby__who span { font-size: 13px; line-height: 18px; }
  .hx & .mt-tby__acts { display: flex; gap: 7px; }
  .hx & .mt-rbtn { display: grid; place-items: center; width: 34px; height: 34px; padding: 0px; border: 0px; border-radius: 50%; background: rgb(40, 2, 11); color: rgb(255, 255, 255); cursor: pointer; }
  .hx & .mt-rbtn svg { width: 18px; height: 18px; }
  .hx & .mt-pink { background: rgb(255, 237, 237); }
  .hx & .mt-pink__head { display: flex; align-items: center; gap: 8px; height: 40px; margin: 0px; padding: 0px 17px; font-size: 16px; color: rgb(68, 84, 74); }
  .hx & .mt-pink__head svg { width: 20px; height: 20px; color: rgb(0, 0, 0); }
  .hx & .mt-list.is-carc { gap: 8px; padding: 0px 16px 16px; }
  .hx & .mt-prow { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 55px; padding: 0px 17px; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(255, 255, 255); background: rgb(255, 237, 237); font: inherit; color: rgb(68, 84, 74); text-align: left; cursor: pointer; }
  .hx & .mt-prow:is(div) { cursor: default; }
  .hx & .mt-prow > svg { flex: 0 0 auto; width: 20px; height: 20px; color: rgb(55, 189, 105); }
  .hx & .mt-prow:is(div) > svg { color: rgb(0, 0, 0); }
  .hx & .mt-prow > span { flex: 1 1 auto; display: flex; flex-direction: column; min-width: 0px; }
  .hx & .mt-prow small { font-size: 12px; line-height: 16px; }
  .hx & .mt-prow b { font-size: 16px; font-weight: 500; line-height: 22px; }
  .hx & .mt-prow b.is-note { font-size: 14px; font-weight: 400; color: rgb(0, 0, 0); }
  .hx & .mt-edit { font-size: 14px; font-style: normal; font-weight: 500; color: rgb(0, 109, 53); }
  .hx & .mt-coms { padding-bottom: 180px; background: rgb(255, 255, 255); }
  .hx & .mt-comhead { display: flex; align-items: center; gap: 8px; height: 42px; margin: 0px; padding: 0px 17px; font-size: 15px; color: rgb(0, 0, 0); }
  .hx & .mt-comhead svg { width: 20px; height: 20px; color: rgb(122, 134, 132); }
  .hx & .mt-comment { margin: 0px 17px 8px; font-size: 14px; color: rgb(68, 84, 74); }
  .hx & .mt-comment b { margin-right: 8px; color: rgb(0, 0, 0); }
  .hx & .mt-say { display: flex; align-items: center; height: 51px; margin: 0px 12px; padding: 0px 8px 0px 25px; border: 1px solid rgb(195, 206, 199); border-radius: 8px; }
  .hx & .mt-say input { flex: 1 1 auto; min-width: 0px; height: 100%; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 15px; color: rgb(31, 81, 91); outline: none; }
  .hx & .mt-say input::placeholder { color: rgb(31, 81, 91); opacity: 1; }
  .hx & .mt-send { display: grid; place-items: center; width: 34px; height: 34px; padding: 0px; border: 0px; background: none; color: rgb(195, 206, 199); cursor: pointer; }
  .hx & .mt-say.is-typed .mt-send { color: rgb(31, 81, 91); }
  .hx & .mt-send svg { width: 26px; height: 26px; }
  .hx & .mt-endbar { position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 3; display: flex; align-items: center; justify-content: center; gap: 16px; height: 65px; border-radius: 16px 16px 0px 0px; background: rgb(122, 134, 132); color: rgb(255, 255, 255); font-size: 20px; font-weight: 500; }
  .hx & .mt-endbar.is-done { background: rgb(0, 109, 53); }
  .hx & .mt-endbar svg { width: 16px; height: 16px; }
  .hx & .mt-status { position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 3; display: flex; flex-direction: column; padding: 16px 17px 18px; border-radius: 24px 24px 0px 0px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.12) 0px -3px 8px; }
  .hx & .mt-status small { font-size: 14px; line-height: 20px; color: rgb(122, 134, 132); }
  .hx & .mt-status small .mt-dot { margin: 0px 10px; }
  .hx & .mt-status__line { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
  .hx & .mt-status__line b { font-size: 20px; font-weight: 500; line-height: 26px; color: rgb(31, 81, 91); }
  .hx & .mt-seeall { padding: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; color: rgb(0, 109, 53); cursor: pointer; }
  .hx & .mt-stepbtn { height: 56px; margin: 19px 23px 0px; border: 0px; border-radius: 12px; background: rgb(31, 81, 91); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 20px; font-weight: 400; color: rgb(255, 255, 255); cursor: pointer; }
  .hx & .mt-stepbtn.is-accept { border-radius: 8px; background: rgb(55, 189, 105); font-size: 18px; font-weight: 500; }
  .hx & .mt-menurow { display: flex; align-items: center; gap: 12px; width: 100%; height: 52px; padding: 0px 16px; border: 1px solid rgb(244, 212, 213); border-radius: 10px; background: rgb(254, 245, 246); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 16px; font-weight: 500; color: rgb(233, 51, 83); cursor: pointer; }
  .hx & .mt-menurow svg { width: 16px; height: 16px; }
  .hx & .mt-cl { display: flex; flex-direction: column; gap: 17px; padding: 12px 16px 110px; }
  .hx & .mt-acc summary { display: flex; align-items: center; gap: 14px; height: 56px; padding: 0px 16px 0px 15px; border-radius: 8px; background: rgb(31, 65, 91); color: rgb(255, 255, 255); font-size: 15px; font-weight: 600; list-style: none; cursor: pointer; }
  .hx & .mt-acc summary::-webkit-details-marker { display: none; }
  .hx & .mt-acc summary > svg { flex: 0 0 auto; width: 22px; height: 22px; }
  .hx & .mt-acc summary > span { flex: 1 1 auto; }
  .hx & .mt-acc__chev { display: grid; }
  .hx & .mt-acc__chev svg { width: 18px; height: 18px; }
  .hx & .mt-acc[open] summary { border-radius: 6px 6px 0px 0px; }
  .hx & .mt-acc[open] .mt-acc__chev { rotate: 180deg; }
  .hx & .mt-acc__body { display: flex; flex-direction: column; gap: 14px; padding: 0px 12px 4px; border-radius: 0px 0px 8px 8px; background: rgb(255, 255, 255); }
  .hx & .mt-acc__sub { height: 32px; margin: 0px -12px -4px; padding: 0px 8px; background: rgb(195, 206, 199); font-size: 15px; line-height: 32px; color: rgb(0, 0, 0); }
  .hx & .mt-in { height: 50px; padding: 0px 16px; border: 1px solid rgb(131, 157, 141); border-radius: 4px; background: rgb(239, 245, 242); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 16px; color: rgb(68, 84, 74); outline: none; }
  .hx & .mt-in::placeholder { color: rgb(68, 84, 74); opacity: 1; }
  .hx & .mt-in:focus { border-color: rgb(31, 81, 91); }
  .hx & .mt-clcheck { display: flex; align-items: center; justify-content: space-between; height: 37px; margin: -14px 0px 0px; font-size: 16px; color: rgb(31, 81, 91); cursor: pointer; }
  .hx & .mt-acc__body > .mt-in + .mt-clcheck { margin-top: -12px; }
  .hx & .mt-clcheck input, .hx & .mt-fopt input[type="checkbox"] { appearance: none; flex: 0 0 auto; width: 18px; height: 18px; margin: 0px 5px 0px 0px; border: 2px solid rgb(68, 84, 74); border-radius: 2px; background: rgb(255, 255, 255); cursor: pointer; }
  .hx & :is(.mt-clcheck, .mt-fopt) input[type="checkbox"]:checked { border-color: rgb(55, 189, 105); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") center center / 14px no-repeat rgb(55, 189, 105); }
  .hx & .mt-pfoot { position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 3; padding: 8px 40px; background: rgb(255, 255, 255); }
  .hx & .mt-submit { display: block; width: 100%; height: 56px; border: 0px; border-radius: 10px; background: rgb(55, 189, 105); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 20px; font-weight: 600; color: rgb(255, 255, 255); cursor: pointer; }
  .hx & .mt-submit:disabled { background: rgb(195, 206, 199); cursor: not-allowed; }
  .hx & .mt-pfoot.is-form { padding: 8px 16px; }
  .hx & .mt-pfoot.is-form .mt-submit { height: 50px; font-size: 16px; }
  .hx & .mt-fsec { padding: 24px 16px 16px; border-bottom: 1px solid rgb(195, 206, 199); background: rgb(255, 255, 255); }
  .hx & .mt-fsec h3 { margin: 0px 0px 13px; font-size: 16px; font-weight: 400; line-height: 20px; color: rgb(68, 84, 74); }
  .hx & .mt-fsec h3 em { font-style: italic; color: rgb(122, 134, 132); }
  .hx & .mt-fsec:nth-child(1) { padding-top: 23px; }
  .hx & .mt-fsec:nth-child(1) h3 { margin-bottom: 14px; }
  .hx & .mt-fsec:nth-child(2) { padding-top: 16.5px; }
  .hx & .mt-fsec:nth-child(2) h3 { margin-bottom: 5.5px; }
  .hx & .mt-fsec:nth-child(3) { padding-top: 15px; }
  .hx & .mt-fsec:nth-child(3) h3 { margin-bottom: 19px; }
  .hx & .mt-fsec:nth-child(4) { padding-top: 15.5px; }
  .hx & .mt-fsec:nth-child(4) h3 { margin-bottom: 12.5px; }
  .hx & .mt-loc { position: relative; display: flex; flex-direction: column; border: 1px solid rgb(195, 206, 199); border-radius: 8px; background: rgb(242, 255, 248); }
  .hx & .mt-loc__rail { position: absolute; left: 18px; top: 13px; bottom: 14px; width: 8px; background: radial-gradient(circle, rgb(55, 189, 105) 3.3px, transparent 3.8px) 50% 0px / 8px 8px no-repeat, linear-gradient(rgb(233, 51, 83), rgb(233, 51, 83)) 50% 100% / 8px 8px no-repeat, repeating-linear-gradient(rgb(55, 189, 105) 0px, rgb(55, 189, 105) 2px, transparent 2px, transparent 5px) 50% 10px / 2px calc(50% - 10px) no-repeat, repeating-linear-gradient(rgb(233, 51, 83) 0px, rgb(233, 51, 83) 2px, transparent 2px, transparent 5px) 50% 100% / 2px calc(50% - 8px) no-repeat; }
  .hx & .mt-loc__row { position: relative; display: grid; grid-template-columns: 1fr auto; column-gap: 12px; align-items: center; padding: 9px 13px 0px 33px; cursor: pointer; }
  .hx & .mt-loc__row:first-of-type { height: 67.5px; padding-bottom: 10px; }
  .hx & .mt-loc__row:first-of-type::after { content: ""; position: absolute; left: 51px; right: 34px; bottom: 0px; height: 1px; background: rgb(195, 206, 199); }
  .hx & .mt-loc__row + .mt-loc__row { height: 57.5px; padding-top: 11px; padding-bottom: 5px; }
  .hx & .mt-loc__row small { grid-column: 1; font-size: 12px; line-height: 16px; color: rgb(122, 134, 132); }
  .hx & .mt-loc__row b { grid-column: 1; font-size: 15px; font-weight: 600; line-height: 20px; color: rgb(0, 109, 53); }
  .hx & .mt-loc__row b.is-ph { font-size: 16px; font-weight: 400; color: rgb(164, 186, 173); }
  .hx & .mt-loc__row > svg { grid-area: 1 / 2 / 3; width: 16px; height: 16px; color: rgb(31, 81, 91); }
  .hx & .mt-loc__row select { position: absolute; inset: 0px; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
  .hx & .mt-pickf { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 51px; padding: 0px 11px 0px 13px; border: 1px solid rgb(131, 157, 141); border-radius: 8px; background: rgb(242, 255, 248); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 16px; font-weight: 600; color: rgb(0, 109, 53); cursor: pointer; }
  .hx & .mt-pickf svg { width: 26px; height: 26px; color: rgb(0, 175, 214); }
  .hx & .mt-list.is-picked { gap: 8px; padding: 12px 0px 0px; }
  .hx & .mt-picked { position: relative; }
  .hx & .mt-picked .mt-arow { border: 1px solid rgb(195, 206, 199); }
  .hx & .mt-unpick { position: absolute; right: 8px; top: 8px; display: grid; place-items: center; width: 32px; height: 32px; padding: 0px; border: 0px; border-radius: 50%; background: none; color: rgb(68, 84, 74); cursor: pointer; }
  .hx & .mt-unpick svg { width: 18px; height: 18px; }
  .hx & .mt-upload { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 165.5px; padding: 0px; border: 0px; border-radius: 12px; background: rgb(229, 247, 251); font: inherit; cursor: pointer; }
  .hx & .mt-upload__box { display: grid; place-items: center; width: 72px; height: 72px; margin-bottom: 10px; border: 1px dashed rgb(68, 84, 74); border-radius: 8px; color: rgb(68, 84, 74); }
  .hx & .mt-upload__box svg { width: 32px; height: 32px; }
  .hx & .mt-upload b { font-size: 14px; font-weight: 600; line-height: 18px; color: rgb(0, 109, 53); }
  .hx & .mt-upload small { margin-top: 1px; font-size: 12px; line-height: 16px; color: rgb(122, 134, 132); }
  .hx & .mt-notes { display: block; width: 100%; height: 57px; padding: 17px 16px; border: 1px solid rgb(131, 157, 141); border-radius: 4px; background: rgb(252, 244, 174); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 16px; line-height: 22px; color: rgb(68, 84, 74); resize: none; outline: none; }
  .hx & .mt-notes::placeholder { color: rgb(68, 84, 74); opacity: 1; }
  .hx & .mt-fill { background: rgb(239, 245, 242); flex: 1 0 90px !important; }
  .hx & .mt-picklist { display: flex; flex-direction: column; }
  .hx & .mt-pickrow { display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 8px 0px; border-bottom: 1px solid rgb(238, 243, 241); cursor: pointer; }
  .hx & .mt-pickrow input { width: 20px; height: 20px; margin: 0px; accent-color: rgb(55, 189, 105); }
  .hx & .mt-ph.is-48 { width: 48px; height: 48px; border-radius: 8px; background: rgb(215, 247, 245); }
  .hx & .mt-ph.is-48 .mt-badge { display: none; }
  .hx & .mt-pickrow > span { display: flex; flex-direction: column; min-width: 0px; }
  .hx & .mt-pickrow b { font-size: 15px; font-weight: 700; color: rgb(31, 81, 91); }
  .hx & .mt-pickrow strong { font-size: 15px; font-weight: 500; color: rgb(68, 84, 74); }
  .hx & .mt-pickrow i { font-size: 13px; color: rgb(122, 134, 132); }
  .hx & .msheet:has(> .mt-full) { padding: 0px; align-items: stretch; }
  .hx & .msheet:has(> .mt-full) .msheet__veil { display: none; }
  .hx & .msheet__card.mt-full { width: 100%; height: 100%; max-height: none; border-radius: 0px; box-shadow: none; }
  .hx & .mt-full .msheet__head { height: 50.5px; padding: 0px 2px 0px 17px; border-bottom: 1px solid rgb(195, 206, 199); }
  .hx & .mt-full .msheet__head h3 { font-size: 20px; font-weight: 400; color: rgb(31, 65, 91); }
  .hx & .mt-full .msheet__x { width: 44px; height: 44px; background: none; color: rgb(68, 84, 74); }
  .hx & .mt-full .msheet__x svg { width: 26px; height: 26px; stroke-width: 1.5; }
  .hx & .mt-full .msheet__body { padding: 0px; gap: 0px; }
  .hx & .mt-full .msheet__foot { padding: 12.5px 12px 12px; border-top: 1px solid rgb(195, 206, 199); }
  .hx & .mt-apply { height: 34px; padding: 0px 16px; border: 0px; border-radius: 8px; background: rgb(55, 189, 105); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 16px; font-weight: 600; color: rgb(255, 255, 255); cursor: pointer; }
  .hx & .mt-fil { display: grid; grid-template-columns: 336px minmax(0px, 1fr); min-height: 100%; }
  .hx & .mt-fil__rail { display: flex; flex-direction: column; background: rgb(239, 245, 242); }
  .hx & .mt-fil__rail button { display: flex; align-items: center; justify-content: space-between; height: 38px; padding: 0px 13px 0px 17px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13px; font-weight: 600; color: rgb(0, 0, 0); text-align: left; cursor: pointer; }
  .hx & .mt-fil__rail button[aria-pressed="true"] { background: rgb(255, 255, 255); }
  .hx & .mt-fil__rail b { font-size: 12px; font-weight: 600; }
  .hx & .mt-fil__opts { display: flex; flex-direction: column; padding: 12px 13px 12px 12px; }
  .hx & .mt-fsearch { display: flex; align-items: center; gap: 8px; height: 34px; margin-bottom: 10px; padding: 0px 8px 0px 9px; border: 1px solid rgb(131, 157, 141); border-radius: 6px; }
  .hx & .mt-fsearch input { flex: 1 1 auto; min-width: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; color: rgb(31, 81, 91); outline: none; }
  .hx & .mt-fsearch input::placeholder { color: rgb(31, 81, 91); opacity: 1; }
  .hx & .mt-fsearch svg { width: 15px; height: 15px; color: rgb(31, 81, 91); }
  .hx & .mt-fopt { display: flex; align-items: center; gap: 19px; min-height: 56px; padding-left: 9px; font-size: 16px; color: rgb(0, 0, 0); cursor: pointer; }
  .hx & .mt-fopt.is-radio { gap: 17px; padding-left: 8px; }
  .hx & .mt-fopt input[type="radio"] { appearance: none; flex: 0 0 auto; width: 20px; height: 20px; margin: 0px; border: 1.5px solid rgb(122, 134, 132); border-radius: 50%; cursor: pointer; }
  .hx & .mt-fopt input[type="radio"]:checked { border: 6px solid rgb(55, 189, 105); }
  .hx & .mt-fil__opts:not(:has(.mt-fsearch)) .mt-fopt.is-radio:first-child { margin-top: 0px; }
  .hx & .mt-fopt.is-dense { min-height: 41px; font-weight: 500; color: rgb(68, 84, 74); }
  .hx & .mt-fil__opts:has(> .mt-fopt.is-dense) { padding-top: 11.5px; }
  .hx & .mt-fil__opts:not(:has(.mt-fsearch)) .mt-fopt.is-radio.is-dense:first-child { margin-top: 0px; }
  .hx & .mt-fsel { position: relative; display: flex; align-items: center; height: 50px; border: 1px solid rgb(195, 206, 199); border-radius: 8px; background: rgb(242, 255, 248); }
  .hx & .mt-fsel select { appearance: none; width: 100%; height: 100%; padding: 0px 44px 0px 11px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 16px; color: rgb(31, 65, 91); cursor: pointer; }
  .hx & .mt-fsel svg { position: absolute; right: 14px; width: 18px; height: 18px; color: rgb(31, 65, 91); pointer-events: none; }
  .hx & .mt-fopt.is-list { gap: 13px; min-height: 56px; margin: 0px -2px 8px 6px; padding: 0px 12px 0px 11px; border: 1px solid transparent; border-radius: 8px; background: rgb(239, 245, 242); }
  .hx & .mt-fopt.is-list input { position: absolute; opacity: 0; pointer-events: none; }
  .hx & .mt-fopt.is-list:has(:checked) { border-color: rgb(55, 189, 105); background: rgb(225, 249, 237); }
  .hx & .mt-fopt.is-list:has(:focus-visible) { outline: rgb(0, 175, 214) solid 2px; outline-offset: 2px; }
  .hx & .mt-fav { flex: 0 0 auto; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: rgb(0, 214, 201); font-size: 12px; font-weight: 600; font-style: normal; color: rgb(255, 255, 255); }
  .hx & .mt-fopt.is-list > span { display: flex; flex-direction: column; min-width: 0px; }
  .hx & .mt-fopt.is-list b { font-size: 12px; font-weight: 600; line-height: 17px; color: rgb(31, 81, 91); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .hx & .mt-fopt.is-list small { font-size: 12px; line-height: 17px; color: rgb(68, 84, 74); }
}
.hx .mpage, .hx .fpage { --t-ink: #1F415B; --t-text: #44544A; --t-mute: #7A8684; --t-link: #006D35; --t-fig: 'DM Sans', var(--font); }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) { --mp-ink: #1F415B; --mp-text: #44544A; --mp-mute: #7A8684; --mp-green: #006D35; font-family: Inter, var(--font); letter-spacing: normal; }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) .mpage__title { font-size: 22px; font-weight: 600; line-height: 28px; letter-spacing: -0.01em; color: var(--t-ink); }
.hx .mpage[data-view="species"] .mpage__title, .hx .mpage[data-view="species"] .mpage__back { color: var(--c-on-surface-var, #44544A); }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) .mpage__sub, .hx .fpage .fpage__sub { font-size: 13px; font-weight: 500; line-height: 18px; color: var(--t-mute); }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) :where(.mp-h, .mp-panel h3, .mp-kv h3, .sr-title, .sr-pagetitle) { font-size: 20px; font-weight: 500; line-height: 24px; letter-spacing: normal; color: var(--t-text); }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) :where(.sr-sec__title, .sr-duo .sr-title, .mp-card__title strong, .mp-srow__txt b, .mp-spbar b, .mp-vhead b, .mp-vrow b, .mp-egg__txt > b:first-child, .msheet__head h3) { font-size: 17px; font-weight: 600; line-height: 22px; letter-spacing: -0.17px; color: var(--t-ink); }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) .mp-summary h3 { font-size: 20px; font-weight: 600; line-height: 26px; letter-spacing: -0.2px; color: var(--t-ink); }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) :where(.sr-tr, .hx .sr-plain, .hx .sr-date, .hx .sr-under__a, .hx .sr-tab, .hx .mp-tab, .hx .mp-reason span, .hx .mp-menu__row > span:nth-child(2), .hx .mp-row > span:nth-child(2), .mp-kv dd, .sr-dl dd, .mp-radio, .mfil__opt) { font-size: 16px; font-weight: 500; letter-spacing: normal; }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) :where(.sr-tr, .hx .sr-plain, .hx .sr-date, .hx .mp-kv dd, .hx .mp-reason span, .hx .mp-menu__row > span:nth-child(2)) { color: var(--t-ink); }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) :where(.sr-strong, .sr-animal__txt b, .sr-name b, .sr-cause, .sr-nec, .sr-age, .sr-red, .sr-dir, .mp-tr__name b) { font-size: 16px; font-weight: 600; letter-spacing: normal; }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) :where(.sr-strong, .sr-animal__txt b, .sr-name b, .mp-tr__name b) { color: var(--t-ink); }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) :where(.mp-tr, .mp-card__meta, .mp-mfut) { font-size: 14px; }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) :where(.sr-animal__txt i, .sr-name i, .sr-event i, .mp-tr__name i, .mp-srow__txt i, .mp-card__sub i, .mp-panel__head p, .sr-sub, .sr-foot, .mp-note, .sr-steps li, .sr-attr i) { font-size: 14px; font-weight: 400; line-height: 21px; letter-spacing: normal; color: var(--t-text); }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) .mp-card__by, .hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) .mp-count { font-size: 14px; font-weight: 500; letter-spacing: 0.1px; color: var(--t-mute); }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) :where(.mp-aaid) { font-size: 14px; font-weight: 500; letter-spacing: 0.1px; color: var(--t-ink); }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) :where(.sr-tile small, .sr-attr small, .sr-steps small, .sr-surv > div > i, .sr-hist em, .mp-kv dt, .sr-dl dt, .mp-stat small, .sr-line__grid text) { font-size: 13px; font-weight: 400; letter-spacing: normal; color: var(--t-mute); }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) :where(.sr-th, .mp-th, .sr-stat span, .sr-bigs small, .sr-label, .mp-eyebrow, .mp-fgroup summary) { font-size: 12px; font-weight: 600; line-height: 16px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--t-text); }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) .sr-label span { font-size: 13px; font-weight: 400; letter-spacing: normal; text-transform: none; color: var(--t-mute); }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) .mp-stat span { font-size: 13px; font-weight: 500; color: var(--t-mute); }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) :where(.sr-stat b, .sr-bigs b, .mp-stat b, .mp-figs b, .mp-num, .sr-sites__n, .sr-surv b, .sr-chip b) { font-family: var(--t-fig); font-weight: 700; letter-spacing: normal; font-variant-numeric: tabular-nums; }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) :where(.sr-stat b, .sr-bigs b, .mp-stat b) { font-size: 22px; line-height: 28px; }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) .sr-hero__stats b { font-family: var(--t-fig); font-size: 28px; font-weight: 700; line-height: 34px; letter-spacing: normal; }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) .sr-hero__stats span { font-size: 13px; font-weight: 500; }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) .sr-hero__names .sph__name { font-size: 24px; font-weight: 600; line-height: 30px; letter-spacing: -0.24px; }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) .sr-hero__names p { font-family: Georgia, "Times New Roman", serif; font-size: 15px; font-style: italic; color: rgba(255, 255, 255, 0.86); }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) :where(.sr-hero__chips span, .sr-mfu em) { font-size: 14px; font-weight: 600; letter-spacing: normal; }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) .sr-glass { font-size: 14px; font-weight: 500; letter-spacing: normal; }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) .sr-tile b { font-size: 17px; font-weight: 600; line-height: 22px; letter-spacing: -0.17px; color: var(--t-ink); }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) :where(.sr-attr b, .sr-steps b) { font-size: 16px; font-weight: 600; line-height: 21px; color: var(--t-ink); }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) .sr-attr.is-danger b { color: rgb(220, 38, 38); }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) :where(.sr-seg__a, .mp-seg button, .mp-pick, .mp-pill, .mp-sort, .sr-chip, .sr-links a) { font-size: 14px; font-weight: 500; letter-spacing: normal; }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) .sr-seg__a[aria-pressed="true"] { font-weight: 600; }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) :where(.sr-search input, .mp-search input) { font-size: 16px; font-weight: 400; }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) :where(.mp-chip, .mp-tag, .sr-status, .sr-event em, .sr-sample, .mp-sample) { font-size: 12px; font-weight: 600; letter-spacing: normal; }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) :where(.sr-textbtn, .mp-link) { font-size: 16px; font-weight: 500; letter-spacing: normal; color: var(--t-link); }
.hx .mpage:not([data-mod="mortality"]):not([data-view="species"]) .mp-btn { font-size: 16px; font-weight: 600; }
.hx .mpage[data-mod="necropsy"] {
  --mp-bg: #EFF5F2;
  .hx &.mpage { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif; color: rgb(68, 84, 74); letter-spacing: normal; }
  .hx &:is([data-view="nc-form"], [data-view="nc-case"], [data-view="nc-plain"]) { --mp-bg: #fff; }
  .hx & .mpage__bar { position: relative; min-height: 55px; padding: env(safe-area-inset-top) 11px 0 0; gap: 0px; background: rgb(255, 255, 255); }
  .hx & .mpage__back { width: 44px; height: 44px; margin-left: 11.5px; color: rgb(68, 84, 74); }
  .hx & .mpage__back svg { width: 24px; height: 24px; stroke-width: 1.8; }
  .hx & .mpage__head { margin-left: 1px; }
  .hx & .mpage__bar .mpage__title { font-size: 19px; font-weight: 500; line-height: 26px; letter-spacing: 0px; color: rgb(68, 84, 74); }
  .hx & .mpage__bar .mpage__sub { display: none; }
  .hx & .mpage__right { margin-left: auto; gap: 0px; }
  .hx &[data-view="nc-drill"] .mpage__bar .mpage__title { color: rgb(31, 65, 91); }
  .hx &[data-view="nc-drill"] .mpage__head { margin-left: 15.5px; }
  .hx &[data-view="nc-drill"] .mpage__back { color: rgb(31, 65, 91); }
  .hx &:is([data-view="nc-case"], [data-view="nc-form"]) .mpage__bar { display: none; }
  .hx & .mpage__body { padding: 0px; gap: 0px; background: var(--mp-bg); }
  .hx & .mp-empty { margin: 24px 16px; padding: 40px 16px; border: 0px; border-radius: 8px; background: rgb(255, 255, 255); color: rgb(122, 134, 132); }
  .hx & .mp-more { align-self: center; margin: 4px auto 0px; border-color: rgb(195, 206, 199); color: rgb(68, 84, 74); }
  .hx & .nc-ctlink { display: inline-flex; align-items: center; gap: 5px; font-size: 14px; line-height: 20px; color: rgb(37, 14, 1); text-decoration: none; white-space: nowrap; }
  .hx & .nc-ctico { position: relative; display: grid; width: 30px; height: 27px; }
  .hx & .nc-ctico svg { width: 30px; height: 27px; }
  .hx & .nc-ctico b { position: absolute; top: -5px; right: -4px; min-width: 16px; height: 16px; padding: 0px 3px; border-radius: 8px; background: rgb(250, 97, 64); color: rgb(255, 255, 255); font-size: 10px; font-weight: 700; line-height: 16px; text-align: center; }
  .hx & .nc-ibtn { display: grid; place-items: center; width: 40px; height: 44px; margin-right: -2.5px; padding: 0px; border: 0px; background: none; color: rgb(31, 65, 91); cursor: pointer; }
  .hx & .nc-ibtn svg { width: 4px; height: 16px; }
  .hx & .nc-range { display: flex; align-items: center; height: 41px; padding: 8px 21px 0px; }
  .hx & .nc-time { display: inline-flex; align-items: center; gap: 6px; padding: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13.5px; font-weight: 500; line-height: 20px; color: rgb(68, 84, 74); cursor: pointer; }
  .hx & .nc-time svg { width: 11px; height: 11px; }
  .hx & .nc-centre { margin: 0px 16px 18px; padding: 0px 16px 8.5px; border-radius: 8px; background: rgb(255, 255, 255); }
  .hx & .nc-centre__pick { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 48.5px; padding: 0px 0px 8px 1px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13px; line-height: 20px; color: rgb(68, 84, 74); text-align: left; cursor: pointer; }
  .hx & .nc-centre__pick svg { width: 24px; height: 24px; margin-right: -6px; stroke-width: 1.6; }
  .hx & .nc-seg { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
  .hx & .nc-seg button { height: 44.5px; padding: 0px; border: 0px; border-radius: 4px; background: rgb(242, 242, 242); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 12px; font-weight: 400; color: rgb(68, 84, 74); cursor: pointer; }
  .hx & .nc-seg button[aria-pressed="true"] { background: rgb(55, 189, 105); color: rgb(255, 255, 255); font-weight: 600; }
  .hx & .nc-tabs { display: grid; grid-template-columns: repeat(4, 1fr); height: 58px; padding: 0px 16px; border-bottom: 1px solid rgb(195, 206, 199); background: rgb(255, 255, 255); }
  .hx & .nc-tab { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 8px 0px 0px; border: 0px; background: none; font: inherit; color: rgb(68, 84, 74); cursor: pointer; }
  .hx & .nc-tab b { font-size: 16px; font-weight: 600; line-height: 20px; font-variant-numeric: tabular-nums; }
  .hx & .nc-tab span { font-size: 13px; line-height: 16px; }
  .hx & .nc-tab[aria-selected="true"] b { color: rgb(55, 189, 105); }
  .hx & .nc-tab[aria-selected="true"]::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 4px; border-radius: 2px 2px 0px 0px; background: rgb(55, 189, 105); }
  .hx & .nc-find { display: flex; align-items: center; gap: 12px; margin: 20px 16px 12px; }
  .hx & .nc-search { flex: 1 1 auto; min-width: 0px; display: flex; align-items: center; gap: 8px; height: 48px; padding: 0px 10px 0px 9px; border-radius: 8px; background: rgb(255, 255, 255); }
  .hx & .nc-search svg { flex: 0 0 auto; width: 18px; height: 18px; color: rgb(31, 81, 91); }
  .hx & .nc-search input { flex: 1 1 auto; min-width: 0px; height: 100%; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13px; font-weight: 500; color: rgb(31, 81, 91); outline: none; }
  .hx & .nc-search input::placeholder { color: rgb(31, 81, 91); opacity: 1; }
  .hx & .nc-fbtn { position: relative; flex: 0 0 auto; display: grid; place-items: center; width: 48px; height: 48px; padding: 0px; border: 0px; border-radius: 8px; background: rgb(255, 255, 255); color: rgb(68, 84, 74); cursor: pointer; }
  .hx & .nc-fbtn svg { width: 20px; height: 20px; }
  .hx & .nc-fbtn b { position: absolute; top: -6px; right: -6px; min-width: 18px; height: 18px; padding: 0px 4px; border-radius: 9px; background: rgb(250, 97, 64); color: rgb(255, 255, 255); font-size: 11px; line-height: 18px; }
  .hx & .nc-find.is-boxed, .hx & .nc-find.is-tall { gap: 8px; margin: 20px 16px 12px; }
  .hx & .nc-find:is(.is-boxed, .is-tall) :is(.nc-search, .nc-fbtn) { border: 1px solid rgb(195, 206, 199); }
  .hx & .nc-find.is-boxed .nc-search { height: 40px; }
  .hx & .nc-find.is-boxed .nc-fbtn { width: 45px; height: 40px; }
  .hx & .nc-find.is-boxed .nc-fbtn svg { width: 27px; height: 27px; }
  .hx & .nc-find.is-tall { gap: 10px; margin: 12px 16px; }
  .hx & .nc-views { flex: 0 0 auto; display: flex; align-items: center; gap: 12.2px; margin: 0px 7.6px 0px 13.2px; }
  .hx & .nc-views button { display: grid; place-items: center; width: 26px; height: 36px; padding: 0px; border: 0px; background: none; color: rgb(68, 84, 74); cursor: pointer; }
  .hx & .nc-views button + button { width: 21px; }
  .hx & .nc-views button[aria-pressed="true"] { color: rgb(55, 189, 105); }
  .hx & .nc-views svg { width: 26px; height: 26px; }
  .hx & .nc-views button + button svg { width: 21px; height: 21px; }
  .hx & .nc-list { display: flex; flex-direction: column; gap: 10px; padding: 0px 16px 40px; }
  .hx & .nc-list.is-sp { gap: 16px; }
  .hx & .nc-card { display: flex; flex-direction: column; padding: 12px 12px 8px; border-radius: 8px; background: rgb(255, 255, 255); color: inherit; text-decoration: none; overflow: hidden; }
  .hx & .nc-card__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; min-height: 22px; }
  .hx & .nc-card__top > b { padding-top: 0px; font-size: 11px; font-weight: 600; line-height: 16px; color: rgb(68, 84, 74); }
  .hx & .nc-pri { flex: 0 0 auto; height: 22px; margin-top: 2px; padding: 0px 8px; border-radius: 3px; font-size: 13px; font-style: normal; line-height: 22px; }
  .hx & .nc-pri[data-p="low"] { background: rgb(215, 247, 245); color: rgb(0, 175, 214); }
  .hx & .nc-pri[data-p="high"] { background: rgb(255, 222, 211); color: rgb(250, 97, 64); }
  .hx & .nc-card__when { margin-top: -4.5px; font-size: 11px; line-height: 16px; color: rgb(68, 84, 74); }
  .hx & .nc-dot { display: inline-block; width: 4px; height: 4px; margin: 0px 4px 2px; border-radius: 50%; background: currentcolor; vertical-align: middle; }
  .hx & .nc-dot.is-wide { margin: 0px 9px 2px; }
  .hx & .nc-card__row { display: flex; gap: 8px; margin-top: 14.5px; }
  .hx & .nc-card__txt { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; margin-top: -2px; }
  .hx & .nc-card__txt > * { font-size: 15px; font-weight: 600; font-style: normal; line-height: 21px; color: rgb(68, 84, 74); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .hx & .nc-card__txt .is-aaid { color: rgb(31, 81, 91); }
  .hx & .nc-card__txt i { font-size: 13px; font-weight: 400; font-style: italic; color: rgb(122, 134, 132); }
  .hx & .nc-strip { display: flex; justify-content: space-between; gap: 12px; min-height: 45.5px; margin: 8px -11px -7px; padding: 7px 11px 5px 12px; border-radius: 0px 0px 7px 7px; background: rgb(253, 248, 206); }
  .hx & .nc-strip > span { display: flex; flex-direction: column; }
  .hx & .nc-strip b { font-size: 13px; font-weight: 500; line-height: 18px; color: rgb(37, 14, 1); }
  .hx & .nc-strip small { margin-top: -2.5px; font-size: 11px; line-height: 15px; color: rgb(37, 14, 1); }
  .hx & .nc-strip em { font-size: 11px; font-style: normal; line-height: 14px; color: rgb(152, 149, 124); }
  .hx & .nc-unfit { display: block; height: 32px; margin: 8px -8px 0px; border-radius: 8px; background: rgb(255, 235, 229); font-size: 13px; line-height: 32px; text-align: center; color: rgb(250, 97, 64); }
  .hx & .nc-ph { position: relative; flex: 0 0 auto; display: grid; place-items: center; overflow: hidden; background: rgb(215, 247, 245); }
  .hx & .nc-ph img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
  .hx & .nc-ph .mp-mark { width: 72%; height: 72%; background: rgb(110, 143, 128); }
  .hx & .nc-ph.is-card { width: 145px; height: 145px; border-radius: 8px; }
  .hx & .nc-ph.is-hero { width: 115px; height: 115px; border-radius: 8px; }
  .hx & .nc-ph.is-sp { width: 75px; height: 100%; background: rgb(229, 229, 229); }
  .hx & .nc-ph.is-sp .mp-mark { width: 36%; height: 36%; background: rgb(132, 158, 142); }
  .hx & .nc-ph.is-av { width: 50px; height: 50px; border-radius: 50%; background: rgb(208, 219, 217); }
  .hx & .nc-ph.is-av .mp-mark { width: 50%; height: 50%; background: rgb(132, 158, 142); }
  .hx & .nc-sex { position: absolute; top: 4px; left: 4px; z-index: 1; display: grid; place-items: center; min-width: 24px; height: 24px; padding: 0px 3px; border-radius: 4px; background: rgb(0, 175, 214); font-size: 12px; font-weight: 700; font-style: normal; line-height: 1; color: rgb(255, 255, 255); }
  .hx & .nc-sex[data-s="f"] { background: rgb(250, 97, 64); }
  .hx & .nc-sex[data-s="m"] { background: rgb(0, 214, 201); }
  .hx & .nc-ph__x { position: absolute; right: 5px; bottom: 5px; display: grid; color: rgb(255, 255, 255); }
  .hx & .nc-ph__x svg { width: 10px; height: 10px; }
  .hx & .nc-sprow { display: flex; align-items: stretch; height: 76px; flex: 0 0 auto; border: 1px solid rgb(195, 206, 199); border-radius: 8px; background: rgb(255, 255, 255); color: inherit; text-decoration: none; overflow: hidden; }
  .hx & .nc-sprow__txt { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; padding: 17.5px 12px 0px 16.5px; }
  .hx & .nc-sprow__txt b { font-size: 16px; font-weight: 500; line-height: 22px; color: rgb(68, 84, 74); }
  .hx & .nc-sprow__txt i { font-size: 12px; line-height: 17px; margin-top: 1px; color: rgb(68, 84, 74); }
  .hx & .nc-sprow__txt > * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .hx & .nc-sprow em { align-self: center; margin: 0px 14px 0px 0px; font-size: 16px; font-weight: 600; font-style: normal; color: rgb(0, 109, 53); font-variant-numeric: tabular-nums; }
  .hx & .nc-dhead { padding: 9px 16px 16px; background: rgb(255, 255, 255); }
  .hx & .nc-dhead > p { margin: 0px 0px 23px 1px; font-size: 13px; line-height: 16px; color: rgb(68, 84, 74); }
  .hx & .nc-drop { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 44px; padding: 0px 11px 0px 11.5px; border: 1px solid rgb(195, 206, 199); border-radius: 4px; background: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13px; font-weight: 600; color: rgb(31, 81, 91); cursor: pointer; }
  .hx & .nc-drop svg { width: 20px; height: 20px; stroke-width: 1.8; }
  .hx & .nc-spban { display: flex; align-items: center; gap: 13px; height: 82px; margin-top: 16px; padding: 0px 16px; border-radius: 8px; background: rgb(232, 244, 242); }
  .hx & .nc-spban > span { display: flex; flex-direction: column; margin-top: 0px; }
  .hx & .nc-spban b { font-size: 16px; font-weight: 500; line-height: 20px; color: rgb(68, 84, 74); }
  .hx & .nc-spban i { font-size: 14px; line-height: 18px; color: rgb(68, 84, 74); }
  .hx & .nc-hero { padding: 0px 16px 24px; background: rgb(74, 4, 21); color: rgb(255, 255, 255); }
  .hx & .nc-mbar { display: flex; align-items: center; height: 56px; padding-top: env(safe-area-inset-top); }
  .hx & .nc-mbar__back { flex: 0 0 auto; display: grid; place-items: center; width: 44px; height: 44px; margin-left: -4.5px; padding: 0px; border: 0px; border-radius: 50%; background: none; color: rgb(255, 255, 255); cursor: pointer; }
  .hx & .nc-mbar__back svg { width: 24px; height: 24px; stroke-width: 1.8; }
  .hx & .nc-mbar__head { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; margin-left: 13px; }
  .hx & .nc-mbar__head b { font-size: 18px; font-weight: 600; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .hx & .nc-mbar__head small { font-size: 11px; line-height: 14px; color: rgb(210, 192, 196); }
  .hx & .nc-mbar .nc-ibtn { margin-right: -5px; color: rgb(255, 255, 255); }
  .hx & .nc-hero__main { display: flex; gap: 9px; margin: 16px 0px 0px 8px; }
  .hx & .nc-hero__main .nc-ph { background: rgb(215, 247, 245); }
  .hx & .nc-hero__txt { display: flex; flex-direction: column; min-width: 0px; padding-top: 1px; }
  .hx & .nc-hero__txt > * { font-size: 16px; font-weight: 600; font-style: normal; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .hx & .nc-hero__txt i { font-size: 14px; font-weight: 400; font-style: italic; color: rgb(122, 134, 132); }
  .hx & .nc-hero__rep { margin: 21px 0px 0px 1px; font-size: 12px; line-height: 16px; }
  .hx & .nc-who { display: flex; align-items: center; gap: 8px; height: 32px; margin-top: 11.5px; font-size: 12px; }
  .hx & .nc-who > span { margin: 0px 2px 0px -3px; }
  .hx & .nc-av { position: relative; flex: 0 0 auto; display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid rgb(255, 255, 255); border-radius: 50%; }
  .hx & .nc-av .mp-mark { width: 62%; height: 62%; background: rgb(255, 255, 255); }
  .hx & .nc-rbtn { display: grid; place-items: center; width: 32px; height: 32px; padding: 0px; border: 0px; border-radius: 50%; background: rgb(122, 18, 40); color: rgb(255, 255, 255); cursor: pointer; }
  .hx & .nc-rbtn svg { width: 14px; height: 14px; }
  .hx & .nc-found { height: 32px; background: rgb(233, 51, 83); font-size: 13.5px; font-weight: 500; line-height: 32px; text-align: center; color: rgb(255, 255, 255); }
  .hx & .nc-mrep { background: rgb(255, 246, 246); }
  .hx & .nc-mrep h3 { height: 51px; margin: 0px; padding: 0px 16px; border-bottom: 1px solid rgb(255, 236, 236); font-size: 15.5px; font-weight: 500; line-height: 50px; color: rgb(0, 0, 0); }
  .hx & .nc-mrep dl { margin: 0px; }
  .hx & .nc-mrep dl > div { min-height: 73px; padding: 15.5px 16px 10px; border-bottom: 1px solid rgb(255, 236, 236); }
  .hx & .nc-mrep dt { font-size: 15.5px; line-height: 20px; color: rgb(122, 134, 132); }
  .hx & .nc-mrep dd { margin: 2px 0px 0px; font-size: 15.5px; line-height: 22px; color: rgb(0, 0, 0); }
  .hx & .nc-mrep dd b { display: inline-block; margin-top: 3.5px; font-size: 16px; font-weight: 500; }
  .hx & .nc-mrep dl > div:has(dd > b) { min-height: 79.5px; }
  .hx & .nc-mrep dl > div:last-child { border-bottom: 0px; }
  .hx & .nc-irow { display: flex; gap: 9px; min-height: 73px; padding: 16px 16px 8px; border-bottom: 1px solid rgb(195, 206, 199); background: rgb(255, 255, 255); }
  .hx & .nc-irow > svg { flex: 0 0 auto; width: 24px; height: 24px; }
  .hx & .nc-irow small { display: block; font-size: 15.5px; line-height: 22px; color: rgb(102, 102, 102); }
  .hx & .nc-irow ul { margin: 2px 0px 0px; padding: 0px 0px 0px 18px; font-size: 15.5px; line-height: 20px; color: rgb(0, 0, 0); }
  .hx & .nc-draftby { display: flex; gap: 15px; padding: 16px 16px 180px; background: rgb(255, 255, 255); }
  .hx & .nc-draftby > svg { flex: 0 0 auto; width: 24px; height: 24px; margin: -3px -6px 0px; color: rgb(68, 84, 74); stroke-width: 1.5; }
  .hx & .nc-draftby > span { display: flex; flex-direction: column; gap: 9px; padding-top: 1px; }
  .hx & .nc-draftby small { font-size: 12px; line-height: 14px; color: rgb(68, 84, 74); }
  .hx & .nc-draftby b { display: flex; align-items: center; gap: 14px; margin-left: 2px; font-size: 16px; font-weight: 400; color: rgb(68, 84, 74); }
  .hx & .nc-av.is-sm { width: 24px; height: 24px; border: 0px; }
  .hx & .nc-av.is-sm .mp-mark { width: 80%; height: 80%; background: rgb(132, 158, 142); }
  .hx & .nc-pad { height: 180px; background: rgb(255, 255, 255); }
  .hx & .nc-foot { position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 3; display: flex; flex-direction: column; padding: 18px 16px 20px; border-radius: 20px 20px 0px 0px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px -2px 8px; }
  .hx & .nc-foot small { font-size: 13.5px; line-height: 18px; color: rgb(122, 134, 132); }
  .hx & .nc-foot small .nc-dot { width: 3px; height: 3px; }
  .hx & .nc-foot__line { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-top: 2px; }
  .hx & .nc-foot__line b { font-size: 19px; font-weight: 500; line-height: 26px; color: rgb(31, 81, 91); }
  .hx & .nc-link { padding: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; color: rgb(0, 109, 53); cursor: pointer; }
  .hx & .nc-go { display: grid; place-items: center; height: 52px; margin-top: 18.5px; border: 1px solid rgb(131, 157, 141); border-radius: 8px; background: rgb(31, 81, 91); font-size: 16px; font-weight: 500; color: rgb(255, 255, 255); text-decoration: none; }
  .hx & .nc-form { display: block; background: rgb(255, 255, 255); }
  .hx & .nc-sec { display: flex; flex-direction: column; padding: 22.5px 16px 0px; border-bottom: 2px solid rgb(232, 244, 242); }
  .hx & .nc-sec:first-child > :last-child { margin-bottom: 23px; }
  .hx & .nc-sec > h3 { margin: 0px 0px 22px; font-size: 15px; font-weight: 500; line-height: 20px; color: rgb(0, 0, 0); }
  .hx & .nc-sec:first-child > h3 { margin-bottom: 11px; }
  .hx & .nc-sec:nth-child(2) { padding-top: 13.5px; }
  .hx & .nc-fl { margin: 0px 0px 11px; font-size: 15px; font-weight: 500; line-height: 20px; color: rgb(68, 84, 74); }
  .hx & .nc-sec > :is(.nc-ff, .nc-dt, .nc-pair, .nc-users, .nc-lesions, .nc-check, .nc-dob, .nc-att) { margin-top: calc(var(--lg, 27px) - 27px); margin-bottom: calc(var(--ng, 27px) - 4.5px); }
  .hx & .nc-sec > :last-child { margin-bottom: 24px; }
  .hx & .nc-sec.is-last > :last-child { margin-bottom: 0px; }
  .hx & .nc-fl.is-teal { color: rgb(31, 81, 91); }
  .hx & .nc-fl em { margin-left: 1px; font-size: 15px; font-style: normal; line-height: 0; color: rgb(233, 51, 83); vertical-align: -1px; }
  .hx & .nc-ff { position: relative; display: flex; align-items: center; min-height: 50px; padding: 0px 15px; border: 1px solid rgb(131, 157, 141); border-radius: 4px; background: rgb(255, 255, 255); font-size: 15px; color: rgb(68, 84, 74); }
  .hx & .nc-ff[data-fill="mint"] { background: rgb(232, 244, 242); }
  .hx & .nc-ff[data-fill="pale"] { background: rgb(242, 255, 248); }
  .hx & .nc-ff[data-fill="grey"] { min-height: 52px; background: rgb(239, 245, 242); border-color: rgb(195, 206, 199); }
  .hx & .nc-ff[data-fill="note"] { background: rgb(252, 244, 174); }
  .hx & .nc-ff.is-quiet { border-color: rgb(216, 227, 221); }
  .hx & .nc-ff :is(input, select, textarea) { flex: 1 1 auto; min-width: 0px; height: 44px; padding: 0px; border: 0px; background: none; font: inherit; color: inherit; outline: none; }
  .hx & .nc-ff textarea { height: 98px; padding: 14px 0px 8px; resize: none; line-height: 20px; }
  .hx & .nc-ff:has(textarea) { align-items: flex-start; }
  .hx & .nc-ff :is(input, textarea)::placeholder { color: rgb(68, 84, 74); opacity: 1; }
  .hx & .nc-ff.is-quiet input::placeholder { color: rgb(159, 169, 163); }
  .hx & .nc-ff:focus-within { border-color: rgb(31, 81, 91); }
  .hx & .nc-ff select { appearance: none; padding-right: 30px; cursor: pointer; }
  .hx & .nc-ff > svg { position: absolute; right: 14px; top: 50%; width: 22px; height: 22px; margin-top: -11px; color: rgb(68, 84, 74); pointer-events: none; }
  .hx & .nc-ff.is-green select { font-weight: 500; color: rgb(0, 109, 53); }
  .hx & .nc-float { position: absolute; top: -8px; left: 11px; padding: 0px 3px; background: rgb(255, 255, 255); font-size: 12px; line-height: 14px; color: rgb(68, 84, 74); pointer-events: none; }
  .hx & .nc-ff[data-fill="mint"] .nc-float { background: linear-gradient(rgb(255, 255, 255) 8.5px, rgb(232, 244, 242) 8.5px); }
  .hx & .nc-ff[data-fill="note"] .nc-float { background: linear-gradient(rgb(255, 255, 255) 8.5px, rgb(252, 244, 174) 8.5px); }
  .hx & .nc-ff[data-fill="pale"] .nc-float { background: linear-gradient(rgb(255, 255, 255) 8.5px, rgb(242, 255, 248) 8.5px); }
  .hx & .nc-switchrow { display: flex; align-items: center; justify-content: space-between; height: 22px; font-size: 15px; color: rgb(68, 84, 74); cursor: pointer; }
  .hx & .nc-switch { appearance: none; position: relative; flex: 0 0 auto; width: 32px; height: 20px; margin: 0px 1px 0px 0px; border-radius: 10px; background: rgb(224, 224, 224); cursor: pointer; transition: background 160ms; }
  .hx & .nc-switch::after { content: ""; position: absolute; left: 0px; top: 0px; width: 20px; height: 20px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 2px; transition: translate 160ms; }
  .hx & .nc-switch:checked { background: rgb(208, 251, 224); }
  .hx & .nc-switch:checked::after { translate: 12px; background: rgb(55, 189, 105); box-shadow: none; }
  .hx & .nc-dt { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
  .hx & .nc-box { position: relative; display: flex; align-items: center; justify-content: space-between; height: 56px; padding: 0px 14px 0px 15px; border: 1px solid rgb(131, 157, 141); border-radius: 4px; background: rgb(255, 255, 255); font-size: 15px; color: rgb(68, 84, 74); cursor: pointer; }
  .hx & .nc-box__v.is-ph { color: rgb(159, 169, 163); }
  .hx & .nc-box svg { width: 23px; height: 23px; color: rgb(105, 118, 110); stroke-width: 1.5; }
  .hx & .nc-box.is-time svg { width: 26px; height: 26px; color: rgb(95, 109, 100); stroke-width: 1.5; }
  .hx & .nc-box input { position: absolute; inset: 0px; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
  .hx & .nc-pair { display: grid; grid-template-columns: minmax(0px, 394fr) minmax(0px, 373fr); gap: 11px; }
  .hx & .nc-pair .nc-ff:last-child select { color: rgb(0, 0, 0); }
  .hx & .nc-pair .nc-ff:last-child > svg { color: rgb(0, 0, 0); }
  .hx & .nc-check { display: flex; align-items: center; gap: 10px; height: 34px; padding-left: 4px; font-size: 14px; color: rgb(31, 81, 91); cursor: pointer; }
  .hx & .nc-check input { appearance: none; flex: 0 0 auto; width: 18px; height: 18px; margin: 0px; border: 2px solid rgb(68, 84, 74); border-radius: 2px; background: rgb(255, 255, 255); cursor: pointer; }
  .hx & .nc-check input:checked { border-color: rgb(55, 189, 105); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") center center / 14px no-repeat rgb(55, 189, 105); }
  .hx & .nc-ff.is-age { justify-content: space-between; min-height: 52px; border-color: rgb(195, 206, 199); }
  .hx & .nc-edit { padding: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 16px; color: rgb(55, 189, 105); cursor: pointer; }
  .hx & .nc-dob { padding-left: 1px; font-size: 12px; font-weight: 600; line-height: 16px; color: rgb(0, 109, 53); }
  .hx & .nc-users { border: 1px solid rgb(195, 206, 199); border-radius: 4px; overflow: hidden; }
  .hx & .nc-users > header { display: flex; align-items: center; justify-content: space-between; height: 36px; padding: 0px 11px; border-bottom: 1px solid rgb(195, 206, 199); background: rgb(242, 255, 248); font-size: 14px; color: rgb(68, 84, 74); }
  .hx & .nc-users > header button { display: grid; place-items: center; width: 24px; height: 24px; padding: 0px; border: 0px; background: none; color: rgb(0, 175, 214); cursor: pointer; }
  .hx & .nc-users > header svg { width: 20px; height: 20px; }
  .hx & .nc-users > div { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-height: 54px; padding: 8px; }
  .hx & .nc-uchip { display: inline-flex; align-items: center; gap: 8px; height: 35px; padding: 0px 8px; border-radius: 18px; background: rgb(242, 242, 242); }
  .hx & .nc-uchip .nc-av { width: 22px; height: 22px; border: 0px; }
  .hx & .nc-uchip .nc-av .mp-mark { width: 90%; height: 90%; background: rgb(132, 158, 142); }
  .hx & .nc-uchip > span { display: flex; flex-direction: column; margin-right: 6px; }
  .hx & .nc-uchip b { font-size: 14px; font-weight: 500; line-height: 15px; color: rgb(68, 84, 74); }
  .hx & .nc-uchip small { font-size: 12px; line-height: 12px; color: rgb(122, 134, 132); }
  .hx & .nc-uchip button { display: grid; place-items: center; width: 20px; height: 20px; padding: 0px; border: 0px; background: none; color: rgb(122, 134, 132); cursor: pointer; }
  .hx & .nc-uchip button svg { width: 15px; height: 15px; }
  .hx & .nc-lesions { display: flex; flex-direction: column; padding: 16px; border-radius: 8px; background: rgb(239, 245, 242); }
  .hx & .nc-selorg { display: flex; align-items: center; justify-content: center; gap: 6px; height: 53px; padding: 0px; border: 0px; border-radius: 8px; background: rgb(175, 239, 235); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 16px; font-weight: 500; color: rgb(31, 65, 91); cursor: pointer; }
  .hx & .nc-selorg svg { width: 18px; height: 18px; stroke-width: 1.8; }
  .hx & .nc-ogrp { display: flex; flex-direction: column; margin-top: 37px; }
  .hx & .nc-ogrp > header { display: flex; align-items: center; justify-content: space-between; margin: 0px 0px 9px; font-size: 14px; font-weight: 500; color: rgb(68, 84, 74); }
  .hx & .nc-ogrp > header button { display: grid; place-items: center; width: 24px; height: 24px; margin-right: -2px; padding: 0px; border: 0px; background: none; color: rgb(250, 97, 64); cursor: pointer; }
  .hx & .nc-ogrp > header svg { width: 22px; height: 22px; }
  .hx & .nc-ogrp .nc-ff { margin-bottom: 14px; }
  .hx & .nc-ogrp .nc-ff[data-fill] .nc-float { background: linear-gradient(rgb(239, 245, 242) 8.5px, rgb(232, 244, 242) 8.5px); }
  .hx & .nc-clr { display: grid; place-items: center; width: 24px; height: 24px; padding: 0px; border: 0px; background: none; color: rgb(122, 134, 132); cursor: pointer; }
  .hx & .nc-clr svg { width: 20px; height: 20px; }
  .hx & .nc-ytpl { margin: 18px 0px 13.5px; font-size: 14px; font-weight: 600; color: rgb(0, 109, 53); }
  .hx & .nc-ogrp + .nc-ytpl { margin-top: 12.5px; }
  .hx & .nc-tpls { display: flex; flex-wrap: wrap; gap: 14px; }
  .hx & .nc-tpls button { height: 34px; padding: 0px 7px; border: 1px solid rgb(131, 157, 141); border-radius: 6px; background: rgb(242, 255, 248); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 500; color: rgb(0, 0, 0); cursor: pointer; }
  .hx & .nc-att { display: flex; flex-direction: column; }
  .hx & .nc-att > header { display: flex; align-items: center; justify-content: space-between; padding: 0px 4px; font-size: 16px; color: rgb(68, 84, 74); }
  .hx & .nc-att > header button { display: grid; place-items: center; width: 26px; height: 26px; padding: 0px; border: 0px; background: none; color: rgb(0, 175, 214); cursor: pointer; }
  .hx & .nc-att > header svg { width: 24px; height: 24px; }
  .hx & .nc-files { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; padding: 0px 4px; }
  .hx & .nc-files:empty { display: none; }
  .hx & .nc-file { position: relative; display: flex; flex-direction: column; width: 229px; padding: 4px 4px 6px; border-radius: 6px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px; }
  .hx & .nc-file img { width: 100%; height: 100px; border-radius: 4px; object-fit: cover; }
  .hx & .nc-file small { margin-top: 4px; padding: 0px 4px; font-size: 12px; color: rgb(68, 84, 74); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .hx & .nc-file button { position: absolute; top: 6px; right: 6px; display: grid; place-items: center; width: 22px; height: 22px; padding: 0px; border: 0px; border-radius: 50%; background: rgb(122, 134, 132); color: rgb(255, 255, 255); cursor: pointer; }
  .hx & .nc-file button svg { width: 12px; height: 12px; }
  .hx & .nc-sec.is-last { padding-bottom: 150px; border-bottom: 0px; }
  .hx & .nc-ffoot { position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 3; display: flex; align-items: center; gap: 20px; padding: 30px 20px calc(6px + env(safe-area-inset-bottom)) 16.5px; border-radius: 20px 20px 0px 0px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.06) 0px -2px 6px; }
  .hx & .nc-trash { flex: 0 0 auto; display: grid; place-items: center; width: 27px; height: 40px; margin-right: -3.5px; padding: 0px; border: 0px; background: none; color: rgb(68, 84, 74); cursor: pointer; }
  .hx & .nc-trash svg { width: 27px; height: 27px; stroke-width: 1.3; }
  .hx & .nc-save, .hx & .nc-submit { flex: 1 1 0px; height: 56px; border-radius: 8px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 16px; cursor: pointer; }
  .hx & .nc-save { border: 1px solid rgb(0, 0, 0); background: rgb(255, 255, 255); color: rgb(68, 84, 74); }
  .hx & .nc-submit { border: 0px; background: rgb(55, 189, 105); font-weight: 500; color: rgb(255, 255, 255); }
}
.hx .mpage[data-mod="necropsy"] .msheet:has(> .nc-picker) { align-items: flex-start; padding: 130px 20px 0px; }
.hx .mpage[data-mod="necropsy"] .msheet:has(> .nc-picker) .msheet__veil { background: rgba(0, 0, 0, 0.7); }
.hx .mpage[data-mod="necropsy"] .msheet__card.nc-picker { width: 100%; max-width: none; max-height: min(756px, 100% - 150px); border-radius: 12px; box-shadow: none; }
.hx .mpage[data-mod="necropsy"] .nc-picker .msheet__head { padding: 15px 12px 6px 11.5px; border: 0px; }
.hx .mpage[data-mod="necropsy"] .nc-picker .msheet__head h3 { font-size: 15.5px; font-weight: 500; line-height: 20px; letter-spacing: 0px; color: rgb(68, 84, 74); }
.hx .mpage[data-mod="necropsy"] .nc-picker .msheet__x { display: none; }
.hx .mpage[data-mod="medical"] {
  --mp-bg: #EFF5F2; --vx-barh: 52px; --vx-bx: 20px; --vx-tx: 57.5px; --vx-bar: #fff; --vx-barline: #C3CEC7; --vx-barpb: 8px;
  .hx &.mpage { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif; color: rgb(68, 84, 74); letter-spacing: normal; }
  .hx &[data-view="vx-home"] { --vx-barh: 59px; --vx-bx: 21.5px; --vx-tx: 60.5px; --vx-barline: transparent; --vx-barpb: 0px; }
  .hx &[data-view="vx-menu"] { --mp-bg: #AFEFEB; --vx-bar: #AFEFEB; --vx-barh: 44px; --vx-tx: 57px; --vx-barline: transparent; --vx-barpb: 0px; }
  .hx &[data-view="vx-form"] { --mp-bg: #fff; }
  .hx &[data-view="vx-adm"] { --mp-bg: #DDEBE9; --vx-barh: 60px; --vx-bx: 20px; --vx-tx: 57px; --vx-barline: #EAEFEC; --vx-barpb: 0px; }
  .hx & .mpage__bar { position: relative; min-height: var(--vx-barh); padding: env(safe-area-inset-top) 8px var(--vx-barpb) 0; gap: 0px; background: var(--vx-bar); box-shadow: inset 0 -.5px 0 var(--vx-barline); }
  .hx & .mpage__back { width: 44px; height: 44px; margin-left: calc(var(--vx-bx) - 14px); color: rgb(31, 65, 91); }
  .hx & .mpage__back svg { width: 21.5px; height: 21.5px; }
  .hx & .mpage__back svg:not(.vx-back) { display: none; }
  .hx & .mpage__back .vx-back { display: block; }
  .hx & .mpage__head { margin-left: calc(var(--vx-tx) - var(--vx-bx) - 31px); }
  .hx & .mpage__bar .mpage__title { font-size: 19px; font-weight: 500; line-height: 24px; letter-spacing: 0px; color: rgb(31, 65, 91); }
  .hx & .mpage__bar .mpage__sub { margin-top: -1px; font-size: 13px; font-weight: 400; line-height: 16px; color: rgb(68, 84, 74); }
  .hx & .mpage__head:has(.mpage__sub:not(:empty)) { translate: 0px -3.5px; }
  .hx & .mpage__head:has(.mpage__sub:not(:empty)) .mpage__sub { margin-top: 0px; }
  .hx & .mpage__right { margin-left: auto; gap: 10px; }
  .hx & .mpage__body { padding: 0px 0px 24px; gap: 0px; background: var(--mp-bg); }
  .hx & .mp-empty { margin: 16px; padding: 40px 16px; border: 0px; border-radius: 8px; background: rgb(255, 255, 255); color: rgb(122, 134, 132); }
  .hx & .mp-more { align-self: center; margin: 12px auto 0px; border-color: rgb(195, 206, 199); color: rgb(68, 84, 74); }
  .hx & .vx-kebab { display: grid; place-items: center; width: 40px; height: 44px; padding: 0px; border: 0px; background: none; color: rgb(31, 65, 91); cursor: pointer; }
  .hx & .vx-kebab svg { width: 4px; height: 16px; }
  .hx & .vx-bsite { display: inline-flex; align-items: center; gap: 8px; height: 40px; margin-right: 14.5px; padding: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 15px; line-height: 20px; color: rgb(31, 65, 91); cursor: pointer; }
  .hx & .vx-bsite svg { width: 12px; height: 7px; }
  .hx & .vx-altbtn { display: inline-flex; align-items: center; gap: 4px; height: 23.5px; margin-right: 8px; padding: 0px 6px 0px 7px; border: 1px solid rgb(131, 157, 141); border-radius: 4px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 12.5px; font-weight: 600; color: rgb(131, 157, 141); cursor: pointer; }
  .hx & .vx-altbtn svg { width: 12px; height: 12px; }
  .hx & .vx-head { display: flex; flex-direction: column; padding: 0px 16px 16px; background: rgb(255, 255, 255); }
  .hx & .vx-head.is-l1 { padding-bottom: 24px; }
  .hx & .vx-head__row { display: flex; align-items: center; justify-content: space-between; height: 48px; margin: 0px -16px; padding: 0px 31px 0px 20.5px; }
  .hx & .vx-head__row.is-ruled { box-shadow: rgb(195, 206, 199) 0px -0.5px 0px inset; }
  .hx & .vx-head__row + .vx-find { margin-top: 10px; }
  .hx & .vx-drop { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 15px; font-weight: 500; line-height: 20px; color: rgb(31, 81, 91); cursor: pointer; }
  .hx & .vx-drop svg { width: 10px; height: 5px; }
  .hx & .vx-drop.is-site { margin-right: 0px; font-size: 15.5px; }
  .hx & .vx-find { display: flex; align-items: center; gap: 12px; }
  .hx & .vx-search { flex: 1 1 auto; min-width: 0px; display: flex; align-items: center; gap: 6px; height: 40px; padding: 0px 10px 0px 8px; border-radius: 8px; background: rgb(242, 242, 242); }
  .hx & .vx-search svg { flex: 0 0 auto; width: 20px; height: 20px; color: rgb(31, 81, 91); }
  .hx & .vx-search input { flex: 1 1 auto; min-width: 0px; height: 100%; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13.5px; font-weight: 500; color: rgb(31, 81, 91); outline: none; }
  .hx & .vx-search input::placeholder { color: rgb(31, 81, 91); opacity: 1; }
  .hx & .vx-fbtn { position: relative; flex: 0 0 auto; display: grid; place-items: center; width: 40px; height: 40px; padding: 0px; border: 0px; border-radius: 8px; background: rgb(242, 242, 242); color: rgb(68, 84, 74); cursor: pointer; }
  .hx & .vx-fbtn svg { width: 26.5px; height: 26.5px; }
  .hx & .vx-fbtn b { position: absolute; top: -6px; right: -6px; min-width: 18px; height: 18px; padding: 0px 4px; border-radius: 9px; background: rgb(55, 189, 105); color: rgb(255, 255, 255); font-size: 11px; line-height: 18px; }
  .hx & .vx-count { margin: 17px 16px 14px; font-size: 13px; font-weight: 500; line-height: 14px; color: rgb(31, 81, 91); }
  .hx & .vx-count.is-sel { margin: 17px 16px 13px; font-size: 16px; font-weight: 400; line-height: 16px; color: rgb(68, 84, 74); }
  .hx & .vx-list { display: flex; flex-direction: column; gap: 12px; padding: 0px 16px; }
  .hx & .vx-srow { display: flex; align-items: center; gap: 8px; height: 74px; padding: 0px 20px 0px 12px; border-radius: 8px; background: rgb(255, 255, 255); color: inherit; text-decoration: none; }
  .hx & .vx-srow__txt { padding-top: 2px; }
  .hx & .vx-av { position: relative; flex: 0 0 auto; display: grid; place-items: center; width: 50px; height: 50px; overflow: hidden; border-radius: 50%; background: rgb(232, 232, 232); }
  .hx & .vx-av img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
  .hx & .vx-av .mp-mark { width: 52%; height: 52%; background: rgb(154, 176, 162); }
  .hx & .vx-srow__txt, .hx & .vx-sp__txt { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; }
  .hx & :is(.vx-srow__txt, .vx-sp__txt) b { font-size: 15px; font-weight: 600; line-height: 20px; color: rgb(68, 84, 74); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .hx & :is(.vx-srow__txt, .vx-sp__txt) i { font-size: 12.5px; font-style: normal; line-height: 18px; color: rgb(68, 84, 74); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .hx & .vx-srow em { margin-right: 8.5px; font-size: 15px; font-weight: 600; font-style: normal; color: rgb(68, 84, 74); font-variant-numeric: tabular-nums; }
  .hx & .vx-chev { flex: 0 0 auto; display: grid; color: rgb(131, 157, 141); }
  .hx & .vx-chev svg { width: 8px; height: 14px; }
  .hx & .vx-sp { display: flex; align-items: center; gap: 8px; height: 78px; }
  .hx & .vx-sp.is-card { height: 74px; padding: 0px 12px; border-radius: 8px; background: rgb(232, 244, 242); }
  .hx & .vx-sp.is-card .vx-av { background: rgb(208, 219, 217); }
  .hx & .vx-sp.is-done { height: 59.5px; padding: 0px 16px; gap: 5.5px; background: rgb(225, 249, 237); }
  .hx & .vx-okbox { flex: 0 0 auto; display: grid; place-items: center; width: 32px; height: 32px; margin-right: 6px; border-radius: 6px; background: rgb(55, 189, 105); color: rgb(255, 255, 255); }
  .hx & .vx-okbox svg { width: 20px; height: 20px; }
  .hx & .vx-vcard { display: grid; grid-template-columns: 1fr auto; align-items: center; row-gap: 17px; padding: 16px 12px 10.5px; border-radius: 8px; background: rgb(255, 255, 255); color: inherit; text-decoration: none; }
  .hx & .vx-vcard__name { font-size: 16px; font-weight: 600; line-height: 20px; color: rgb(68, 84, 74); }
  .hx & .vx-vcard .vx-chev { justify-self: end; margin-right: 8px; }
  .hx & .vx-vcard__n { font-size: 13.5px; font-weight: 600; line-height: 18px; color: rgb(68, 84, 74); }
  .hx & .vx-vcard .vx-chip { justify-self: end; }
  .hx & .vx-vcard__alt { grid-column: 1; display: flex; flex-direction: column; gap: 4px; margin-bottom: -4px; }
  .hx & .vx-vcard__alt small { font-size: 12px; line-height: 14px; color: rgb(122, 134, 132); }
  .hx & .vx-vcard__alt span { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; line-height: 16px; color: rgb(0, 175, 214); }
  .hx & .vx-vcard__alt svg { width: 15px; height: 15px; }
  .hx & .vx-chip { display: inline-flex; align-items: center; gap: 7px; height: 28px; padding: 0px 7.5px; border-radius: 4px; background: rgb(225, 249, 237); font-size: 13.5px; font-weight: 600; font-style: normal; line-height: 1; color: rgb(68, 84, 74); white-space: nowrap; }
  .hx & .vx-chip.is-kg { height: 30px; padding: 0px 8px; }
  .hx & .vx-chip svg { width: 17px; height: 17px; }
  .hx & .vx-sum { display: grid; grid-template-columns: 1fr auto; align-items: center; height: 74px; padding: 0px; }
  .hx & .vx-sum b { grid-area: 1 / 1; align-self: end; margin-bottom: 2px; font-size: 16px; font-weight: 600; line-height: 20px; color: rgb(68, 84, 74); }
  .hx & .vx-sum > span:not(.vx-sum__end) { grid-area: 2 / 1; align-self: start; margin-top: 8px; font-size: 13.5px; font-weight: 600; line-height: 18px; color: rgb(68, 84, 74); }
  .hx & .vx-sum .vx-chip, .hx & .vx-sum__end { grid-area: 2 / 2; align-self: center; translate: 0px -5.5px; }
  .hx & .vx-sum__end { display: flex; align-items: center; gap: 9px; }
  .hx & .vx-sum.is-plain { height: 78px; }
  .hx & .vx-sum:has(.vx-chip.is-kg) { height: 76px; }
  .hx & .vx-form > .vx-sum:not(.is-plain) { height: 76.5px; }
  .hx & .vx-sum.is-plain b { margin-bottom: 1px; font-size: 14px; font-weight: 400; color: rgb(0, 0, 0); }
  .hx & .vx-sum.is-plain > span:not(.vx-sum__end) { margin-top: 6px; }
  .hx & .vx-sum.is-plain .vx-sum__end { translate: 0px -4px; }
  .hx & .vx-pen { display: grid; place-items: center; width: 24px; height: 32px; margin-right: 1px; padding: 0px; border: 0px; background: none; color: rgb(0, 109, 53); cursor: pointer; }
  .hx & .vx-pen svg { width: 18px; height: 18px; }
  .hx & .vx-sp.is-card + .vx-find { margin-top: 16px; }
  .hx & .vx-dcard { display: flex; flex-direction: column; padding: 13px 15px 12px; border: 1px solid transparent; border-radius: 8px; background: rgb(255, 255, 255); color: inherit; cursor: pointer; }
  .hx & .vx-dcard.is-on { border-color: rgb(55, 189, 105); }
  .hx & .vx-dcard__top { display: flex; align-items: center; gap: 8.5px; padding: 0px 0px 0px 1px; }
  .hx & .vx-ph { position: relative; flex: 0 0 auto; align-self: flex-start; display: grid; place-items: center; width: 115px; height: 115px; overflow: hidden; border-radius: 8px; background: rgb(215, 247, 245); }
  .hx & .vx-ph img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
  .hx & .vx-ph .mp-mark { width: 72%; height: 72%; background: rgb(131, 157, 141); }
  .hx & .vx-ph.is-done { background: rgb(55, 189, 105); }
  .hx & .vx-ph__ok { display: grid; place-items: center; width: 63px; height: 63px; border-radius: 50%; background: rgb(255, 255, 255); color: rgb(55, 189, 105); }
  .hx & .vx-ph__ok svg { width: 38px; height: 38px; }
  .hx & .vx-ph__x { position: absolute; right: 5px; bottom: 5px; display: grid; color: rgb(255, 255, 255); }
  .hx & .vx-ph__x svg { width: 10px; height: 10px; }
  .hx & .vx-sex { position: absolute; top: 4px; left: 4px; z-index: 1; display: grid; place-items: center; min-width: 24px; height: 22px; padding: 0px 5px; border-radius: 4px; background: rgb(0, 175, 214); font-size: 10px; font-weight: 700; font-style: normal; line-height: 1; color: rgb(255, 255, 255); }
  .hx & .vx-sex[data-s="m"] { background: rgb(0, 214, 201); }
  .hx & .vx-sex[data-s="f"] { background: rgb(250, 97, 64); }
  .hx & .vx-dcard__txt { flex: 1 1 auto; min-width: 0px; align-self: flex-start; display: flex; flex-direction: column; margin-top: -1px; }
  .hx & .vx-dcard__txt > * { font-size: 15.5px; font-weight: 600; font-style: normal; line-height: 21px; color: rgb(68, 84, 74); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .hx & .vx-dcard__txt b { color: rgb(31, 81, 91); }
  .hx & .vx-dcard__txt i { font-size: 13.5px; font-weight: 400; font-style: italic; color: rgb(122, 134, 132); }
  .hx & .vx-cb { appearance: none; flex: 0 0 auto; width: 15px; height: 15px; margin: 0px 4px 0px 0px; border: 1.5px solid rgb(131, 157, 141); border-radius: 2px; background: rgb(255, 255, 255); cursor: pointer; }
  .hx & .vx-cb:checked { border-color: rgb(55, 189, 105); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") center center / 12px no-repeat rgb(55, 189, 105); }
  .hx & .vx-case { position: relative; display: flex; flex-direction: column; gap: 5.4px; margin: 12px 0px 0px; padding: 10px 13px 9.5px 12px; border-radius: 8px; background: rgb(232, 244, 242); }
  .hx & .vx-case.is-done { background: rgb(225, 249, 237); }
  .hx & .vx-case > span { display: flex; align-items: center; gap: 8.5px; height: 18px; }
  .hx & .vx-case svg { flex: 0 0 auto; width: 16px; height: 16px; stroke-width: 1.8; }
  .hx & .vx-case .c1 { font-size: 12px; font-weight: 600; color: rgb(0, 109, 53); }
  .hx & .vx-case .c2 { font-size: 13.5px; font-weight: 500; color: rgb(68, 84, 74); }
  .hx & .vx-case .c2 svg, .hx & .vx-case .c4 svg { color: rgb(68, 84, 74); }
  .hx & .vx-case.is-done .c2 { font-size: 15px; font-weight: 600; color: rgb(0, 0, 0); }
  .hx & .vx-case .c3 { display: block; padding-left: 24.5px; font-size: 11px; line-height: 18px; color: rgb(68, 84, 74); }
  .hx & .vx-case .c3 b { margin-right: 3px; font-size: 13.5px; font-weight: 600; color: rgb(0, 109, 53); }
  .hx & .vx-case .c4 { font-size: 11.5px; font-weight: 600; color: rgb(0, 0, 0); }
  .hx & .vx-case__chev { position: absolute; top: 12px; right: 18px; display: grid; color: rgb(122, 134, 132); }
  .hx & .vx-case__chev svg { width: 14px; height: 8px; }
  .hx & .vx-act { position: sticky; bottom: 0px; z-index: 2; display: flex; gap: 16px; height: 90px; margin-top: auto; padding: 21px 24px 13px; background: rgb(255, 255, 255); }
  .hx & .mpage__body:has(> .vx-act) { padding-bottom: 0px; }
  .hx & .vx-btn { flex: 1 1 0px; height: 56px; padding: 0px; border: 0px; border-radius: 8px; background: rgb(31, 81, 91); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13.5px; font-weight: 400; letter-spacing: 0.1px; text-transform: uppercase; color: rgb(255, 255, 255); cursor: pointer; }
  .hx & .vx-btn.is-line { border: 1px solid rgb(122, 134, 132); border-radius: 4px; background: rgb(255, 255, 255); color: rgb(0, 0, 0); }
  .hx & .vx-btn:disabled { background: rgb(229, 229, 229); color: rgb(255, 255, 255); cursor: not-allowed; }
  .hx & .vx-foot { position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 3; display: flex; height: 90px; padding: 25px 26px 13px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) 0px -1px 2px; }
  .hx & .vx-foot .vx-btn { height: 52px; }
  .hx & .vx-form { display: flex; flex-direction: column; padding: 0px 16px 120px; }
  .hx & .vx-note { display: block; width: 100%; height: 70px; margin-top: 16px; padding: 10px 11px; border: 1px solid rgb(195, 206, 199); border-radius: 4px; background: rgb(254, 250, 214); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; line-height: 18px; color: rgb(68, 84, 74); resize: none; outline: none; }
  .hx & .vx-note::placeholder { color: rgb(122, 134, 132); opacity: 1; }
  .hx & .vx-note:focus { border-color: rgb(131, 157, 141); }
  .hx & .vx-batch { display: flex; justify-content: space-between; gap: 16px; padding-top: 16px; }
  .hx & .vx-batch > div { display: flex; flex-direction: column; align-items: flex-start; }
  .hx & .vx-batch h4 { margin: 0px; font-size: 15px; font-weight: 500; line-height: 20px; color: rgb(31, 81, 91); }
  .hx & .vx-addb { height: 30px; margin-top: 1px; padding: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 15.7px; line-height: 22px; color: rgb(55, 189, 105); cursor: pointer; }
  .hx & .vx-bn { display: flex; flex-direction: column; align-items: flex-end; padding-top: 5px; }
  .hx & .vx-bn b { font-size: 17px; font-weight: 400; line-height: 22px; color: rgb(0, 0, 0); }
  .hx & .vx-bn b em { font-style: normal; color: rgb(55, 189, 105); }
  .hx & .vx-bn small { font-size: 11.5px; line-height: 14px; color: rgb(122, 134, 132); }
  .hx & .vx-batches { display: flex; flex-wrap: wrap; gap: 8px; margin: 2px 0px 6px; }
  .hx & .vx-batches:empty { display: none; }
  .hx & .vx-bchip { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0px 4px 0px 10px; border-radius: 4px; background: rgb(225, 249, 237); font-size: 14px; font-weight: 600; color: rgb(68, 84, 74); }
  .hx & .vx-bchip button { display: grid; place-items: center; width: 22px; height: 22px; padding: 0px; border: 0px; background: none; color: rgb(122, 134, 132); cursor: pointer; }
  .hx & .vx-bchip svg { width: 12px; height: 12px; }
  .hx & .vx-rule { height: 0px; margin: 5.5px -16px 0px; border-width: 0.5px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(195, 206, 199); }
  .hx & .vx-q { margin: 14.5px 0px 0px; font-size: 13.6px; line-height: 18px; color: rgb(68, 84, 74); }
  .hx & .vx-q em { font-style: normal; color: rgb(233, 51, 83); }
  .hx & .vx-q.is-ink { margin-top: 20.5px; font-size: 13.3px; color: rgb(0, 0, 0); }
  .hx & .vx-q + .vx-note { margin-top: 10.5px; }
  .hx & .vx-opts { display: flex; flex-direction: column; gap: 12px; margin-top: 11px; }
  .hx & .vx-opts.is-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 14.5px; }
  .hx & .vx-opts label { display: flex; align-items: center; justify-content: space-between; height: 54px; padding: 0px 20px 0px 13px; border: 1px solid rgb(195, 206, 199); border-radius: 4px; background: rgb(242, 255, 248); font-size: 14.7px; font-weight: 600; color: rgb(31, 81, 91); cursor: pointer; }
  .hx & .vx-opts.is-2col label { height: 54px; }
  .hx & .vx-opts input { position: absolute; opacity: 0; pointer-events: none; }
  .hx & .vx-opts label i { flex: 0 0 auto; width: 20px; height: 20px; border: 2px solid rgb(122, 134, 132); border-radius: 50%; }
  .hx & .vx-opts label:has(:checked) i { border-color: rgb(55, 189, 105); background: radial-gradient(circle, rgb(55, 189, 105) 0px, rgb(55, 189, 105) 4.6px, transparent 5.2px); }
  .hx & .vx-opts.is-dark label:has(:checked) { border-color: rgb(31, 65, 91); background: rgb(31, 65, 91); color: rgb(255, 255, 255); }
  .hx & .vx-opts label:has(:focus-visible) { outline: rgb(0, 175, 214) solid 2px; outline-offset: 2px; }
  .hx & .vx-fuout { margin: 10px 0px 0px; font-size: 14px; color: rgb(68, 84, 74); }
  .hx & .vx-fuout b { font-weight: 600; color: rgb(31, 65, 91); }
  .hx & .vx-sum + .vx-sp.is-card + .vx-q { margin-top: 11px; }
  .hx & .vx-banner { display: grid; grid-template-columns: 1fr 1px 1fr; align-items: center; height: 102px; margin: 12px 16px 0px; border-radius: 10px; background: rgb(31, 65, 91); }
  .hx & .vx-banner > i { width: 1px; height: 63px; background: rgb(165, 179, 189); }
  .hx & .vx-banner > div { display: flex; flex-direction: column; align-items: center; padding-top: 4px; }
  .hx & .vx-banner b { font-size: 46px; font-weight: 700; line-height: 50px; color: rgb(82, 249, 144); font-variant-numeric: tabular-nums; }
  .hx & .vx-banner span { margin-top: 1px; font-size: 14px; line-height: 18px; color: rgb(255, 255, 255); }
  .hx & .vx-hrow { display: flex; align-items: center; justify-content: space-between; height: 48px; padding: 0px 20px 0px 20.5px; }
  .hx & .vx-hrow .vx-drop { gap: 11px; font-size: 14px; }
  .hx & .vx-hrow .vx-drop svg { width: 12px; height: 7px; }
  .hx & .vx-medrec { margin: 0px 16px; padding: 16px; border-radius: 8px; background: rgb(175, 239, 235); }
  .hx & .vx-medrec h3 { margin: 0px 0px 12px; font-size: 15.5px; font-weight: 400; line-height: 18px; color: rgb(68, 84, 74); }
  .hx & .vx-rtiles { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .hx & .vx-rtile { display: flex; flex-direction: column; justify-content: space-between; height: 90.5px; padding: 22px 13px 19.5px; border-radius: 8px; background: rgb(231, 250, 249); color: rgb(31, 65, 91); }
  .hx & .vx-rtile b { font-size: 24px; font-weight: 600; line-height: 24px; font-variant-numeric: tabular-nums; }
  .hx & .vx-rtile span { font-size: 11.5px; line-height: 14px; }
  .hx & .vx-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 32px 16px 0px; padding-bottom: 125px; }
  .hx & .vx-tile { display: flex; flex-direction: column; align-items: center; aspect-ratio: 1 / 1; padding: 59px 8px 0px; border: 0px; border-radius: 8px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 3px; font: inherit; color: rgb(68, 84, 74); text-decoration: none; cursor: pointer; }
  .hx & .vx-disc { display: grid; place-items: center; width: 99px; height: 99px; border-radius: 50%; background: linear-gradient(100deg, rgb(227, 250, 249), rgb(248, 240, 234)); color: rgb(31, 81, 91); }
  .hx & .vx-disc svg { width: 52px; height: 52px; stroke-width: 1.85; }
  .hx & .vx-tile > span:last-child { margin-top: 9px; font-size: 19px; font-weight: 500; line-height: 24px; text-align: center; }
  .hx & .vx-fab { position: fixed; right: 16px; bottom: 24px; z-index: 6; display: grid; place-items: center; width: 55px; height: 55px; padding: 0px; border: 0px; border-radius: 16px; background: rgb(82, 249, 144); color: rgb(31, 81, 91); box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 10px; cursor: pointer; }
  .hx & .vx-fab svg { width: 24px; height: 24px; }
  .hx & .vx-dial { position: fixed; inset: 0px; z-index: 5; background: rgba(255, 255, 255, 0.95); }
  .hx & .vx-dial[hidden] { display: none; }
  .hx & .vx-dial__list { position: absolute; top: 109px; right: 24px; display: flex; flex-direction: column; gap: 30px; }
  .hx & .vx-dial__list button { display: flex; align-items: center; justify-content: flex-end; gap: 28px; height: 40px; padding: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 16px; font-weight: 500; color: rgb(0, 109, 53); cursor: pointer; }
  .hx & .vx-dial__list i { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: rgb(224, 237, 226); color: rgb(68, 84, 74); box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 6px; }
  .hx & .vx-dial__list svg { width: 23px; height: 23px; stroke-width: 1.7; }
  .hx & .vx-menu { display: flex; flex-direction: column; gap: 12px; padding: 0px 16px; }
  .hx & .vx-mrow { display: flex; align-items: center; gap: 7px; height: 55px; padding: 0px 13px 0px 10.5px; border: 0px; border-radius: 8px; background: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 15px; font-weight: 600; color: rgb(68, 84, 74); text-align: left; text-decoration: none; cursor: pointer; }
  .hx & .vx-mrow svg { flex: 0 0 auto; width: 21.5px; height: 21.5px; color: rgb(31, 81, 91); }
  .hx & .msheet:has(> .vx-bsheet) { align-items: flex-end; padding: 0px; }
  .hx & .msheet:has(> .vx-bsheet) .msheet__veil { background: rgba(0, 0, 0, 0.73); }
  .hx & .msheet__card.vx-bsheet { width: 100%; max-width: none; max-height: 90vh; border-radius: 20px 20px 0px 0px; box-shadow: none; overflow: hidden; }
  .hx & .vx-bsheet .msheet__head { position: relative; z-index: 1; height: 70px; padding: 0px 22px 0px 12px; border: 0px; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 6px; }
  .hx & .vx-bsheet .msheet__head h3 { font-size: 19px; font-weight: 400; line-height: 24px; letter-spacing: 0px; color: rgb(68, 84, 74); }
  .hx & .vx-bsheet .msheet__x { width: 36px; height: 36px; background: none; color: rgb(68, 84, 74); }
  .hx & .vx-bsheet .msheet__x svg { width: 21px; height: 21px; }
  .hx & .vx-bsheet .msheet__body { gap: 0px; padding: 20px 16px 18px; }
  .hx & .vx-bsheet .msheet__foot { height: 89px; align-items: center; justify-content: center; padding: 0px; border: 0px; background: rgb(232, 244, 242); }
  .hx & .vx-bsheet .vx-opts { margin-top: 0px; }
  .hx & .vx-flab { margin: 0px; font-size: 15.3px; font-weight: 500; line-height: 20px; color: rgb(31, 81, 91); }
  .hx & .vx-flab + .vx-frow { margin-top: 8px; }
  .hx & .vx-frow { display: flex; gap: 8px; height: 47px; }
  .hx & .vx-fnum { flex: 0 0 auto; width: 96px; height: 100%; padding: 0px 10px; border: 1px solid rgb(195, 206, 199); border-radius: 4px; background: rgb(242, 255, 248); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 24px; color: rgb(31, 65, 91); outline: none; }
  .hx & .vx-fnum::placeholder { color: rgb(188, 197, 194); opacity: 1; }
  .hx & .vx-fnum:focus { border-color: rgb(131, 157, 141); }
  .hx & .vx-fseg { flex: 1 1 auto; display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; border: 1px solid rgb(195, 206, 199); border-radius: 4px; }
  .hx & .vx-fseg button { padding: 0px; border: 0px; background: rgb(242, 242, 242); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; color: rgb(68, 84, 74); cursor: pointer; }
  .hx & .vx-fseg button + button { border-left: 1px solid rgb(195, 206, 199); }
  .hx & .vx-fseg button[aria-pressed="true"] { background: rgb(31, 81, 91); color: rgb(255, 255, 255); }
  .hx & .vx-frow + .vx-flab { margin-top: 32px; }
  .hx & .vx-fdate { display: flex; align-items: center; gap: 15px; height: 50px; margin-top: 11px; padding: 0px 17.5px; border: 1px solid rgb(195, 206, 199); border-radius: 4px; background: rgb(242, 255, 248); }
  .hx & .vx-fdate svg { width: 21px; height: 21px; color: rgb(55, 189, 105); }
  .hx & .vx-fdate b { font-size: 20px; font-weight: 600; color: rgb(31, 65, 91); }
  .hx & .vx-bfield { display: flex; flex-direction: column; gap: 10px; }
  .hx & .vx-bfield + .vx-bfield { margin-top: 20px; }
  .hx & .vx-bfield input { height: 47px; padding: 0px 12px; border: 1px solid rgb(195, 206, 199); border-radius: 4px; background: rgb(242, 255, 248); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 16px; color: rgb(31, 65, 91); outline: none; }
  .hx & .vx-done { width: 140px; height: 45px; border: 0px; border-radius: 8px; background: rgb(31, 81, 91); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; color: rgb(255, 255, 255); cursor: pointer; }
  .hx & .vx-done:disabled { background: rgb(218, 231, 223); cursor: not-allowed; }
  .hx & .vx-ibtn { display: grid; place-items: center; width: 35px; height: 35px; padding: 0px; border: 0px; border-radius: 4px; background: none; color: rgb(31, 65, 91); cursor: pointer; }
  .hx & .vx-ibtn.is-add { background: rgb(229, 251, 250); color: rgb(0, 214, 201); }
  .hx & .vx-ibtn.is-fil { background: rgb(242, 242, 242); color: rgb(68, 84, 74); }
  .hx & .vx-ibtn svg { width: 24px; height: 24px; }
  .hx & .mpage__right:has(.vx-ibtn) { margin-right: 8px; }
  .hx & .vx-month { display: flex; align-items: center; justify-content: space-between; height: 46px; padding: 0px 21px 0px 16px; background: rgb(255, 255, 255); }
  .hx & .vx-month > span { display: flex; align-items: center; gap: 18px; }
  .hx & .vx-month .vx-drop { font-size: 14.5px; color: rgb(31, 65, 91); }
  .hx & .vx-month .vx-drop:last-child { font-size: 14px; font-weight: 500; }
  .hx & .vx-month .vx-cal { display: grid; padding: 0px; border: 0px; background: none; color: rgb(154, 154, 154); cursor: pointer; }
  .hx & .vx-month .vx-cal svg { width: 20px; height: 20px; }
  .hx & .vx-days { display: flex; gap: 16px; height: 84px; padding: 12px 8px 0px; overflow-x: auto; scrollbar-width: none; }
  .hx & .vx-days::-webkit-scrollbar { display: none; }
  .hx & .vx-day { position: relative; flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; width: 63px; height: 59px; padding: 3px 0px 0px; border: 1px solid rgb(221, 227, 224); border-radius: 6px; background: rgb(255, 255, 255); font: inherit; color: rgb(0, 0, 0); cursor: pointer; }
  .hx & .vx-day small { font-size: 12px; font-weight: 500; line-height: 14px; color: rgb(154, 154, 154); }
  .hx & .vx-day b { font-size: 17px; font-weight: 600; line-height: 20px; }
  .hx & .vx-day i { width: 4.5px; height: 4.5px; margin-top: 6px; border-radius: 50%; background: rgb(233, 51, 83); }
  .hx & .vx-day[aria-pressed="true"] { border-color: rgb(79, 179, 201); background: rgb(31, 65, 91); color: rgb(255, 255, 255); }
  .hx & .vx-day[aria-pressed="true"] small { color: rgb(255, 255, 255); }
  .hx & .vx-day[aria-pressed="true"]::after { content: ""; position: absolute; left: 50%; bottom: -6px; translate: -50%; border-width: 6px 6px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-right-color: transparent; border-left-color: transparent; border-image: initial; border-bottom-style: initial; border-bottom-color: initial; border-top-color: rgb(31, 65, 91); }
  .hx & .vx-tabs { display: grid; grid-template-columns: 1fr 1fr; height: 60px; margin: 0px 2px; background: rgb(255, 255, 255); }
  .hx & .vx-tab { position: relative; padding: 0px 0px 8px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; color: rgb(68, 84, 74); cursor: pointer; }
  .hx & .vx-tab[aria-selected="true"] { color: rgb(55, 189, 105); }
  .hx & .vx-tab[aria-selected="true"]::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 2.5px; background: rgb(55, 189, 105); }
  .hx & .vx-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 16px 12px 0px; }
  .hx & .vx-stat { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 69px; padding: 0px; border: 0px; border-radius: 4px; background: rgb(255, 255, 255); font: inherit; color: rgb(0, 0, 0); cursor: pointer; }
  .hx & .vx-stat b { font-size: 20px; font-weight: 400; line-height: 22px; }
  .hx & .vx-stat span { font-size: 12px; line-height: 16px; color: rgb(68, 84, 74); }
  .hx & .vx-stat[aria-pressed="true"] { background: rgb(0, 175, 214); color: rgb(255, 255, 255); }
  .hx & .vx-stat[aria-pressed="true"] span { color: rgb(255, 255, 255); }
  .hx & .vx-alist { display: flex; flex-direction: column; gap: 12px; padding: 18px 12px 0px; }
  .hx & .vx-acard { display: flex; flex-direction: column; padding: 12px; border-radius: 8px; background: rgb(255, 255, 255); }
  .hx & .vx-acard__top { display: flex; gap: 8.5px; }
  .hx & .vx-acard .vx-dcard__txt { margin-top: 0px; }
  .hx & .vx-acard .vx-dcard__txt b { font-size: 16px; }
  .hx & .vx-astrip { display: grid; grid-template-columns: 1fr 1fr 1fr 20px; align-items: center; height: 32px; margin-top: 12px; padding: 0px 10px 0px 8px; border: 0px; border-radius: 0px; background: rgb(231, 250, 249); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 12px; color: rgb(122, 134, 132); text-align: left; cursor: pointer; }
  .hx & .vx-astrip b { font-weight: 400; color: rgb(0, 0, 0); }
  .hx & .vx-astrip .is-red { color: rgb(233, 51, 83); }
  .hx & .vx-astrip .is-red b { color: rgb(233, 51, 83); }
  .hx & .vx-astrip svg { width: 16px; height: 16px; color: rgb(0, 175, 214); }
  .hx & .vx-acard.is-open .vx-astrip svg { rotate: 180deg; }
  .hx & .vx-adoses { display: none; flex-direction: column; margin: 0px; padding: 4px 8px 0px; }
  .hx & .vx-acard.is-open .vx-adoses { display: flex; }
  .hx & .vx-adoses span { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0px; border-bottom: 0.5px solid rgb(195, 206, 199); font-size: 14px; color: rgb(68, 84, 74); }
  .hx & .vx-adoses span:last-child { border-bottom: 0px; }
  .hx & .vx-adoses em { flex: 0 0 auto; font-style: normal; font-weight: 600; }
}
.hx .mpage[data-mod="medical"] .mt-fil { grid-template-columns: 330px minmax(0px, 1fr); }
.hx .mpage[data-mod="medical"] .mt-fil__rail button { padding: 0px 13px 0px 16px; font-size: 12px; }
.hx .mpage[data-mod="medical"] .mt-fsearch { margin-bottom: 20px; }
.hx .mpage[data-mod="medical"] .mt-fopt.is-list { margin: 0px 0px 8px; }
.hx .mpage[data-mod="medical"] .mt-fopt.is-dense { min-height: 39.5px; font-weight: 600; }
.hx .mpage[data-mod="medical"] .mt-fopt input[type="radio"] { border-width: 2px; }
.hx .mpage[data-mod="medical"] .mt-fopt input[type="radio"]:checked { border-width: 6px; }
.hx .mpage[data-mod="necropsy"] .nc-picker .msheet__body { gap: 12px; padding: 9px 13px 16px 14px; }
.hx .mpage[data-mod="necropsy"] .nc-prow { flex: 0 0 auto; height: 40px; padding: 0px 15px; border: 0px; border-radius: 8px; background: rgb(232, 244, 242); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13px; color: rgb(68, 84, 74); text-align: left; cursor: pointer; }
.hx .mpage[data-mod="necropsy"] .nc-prow[aria-pressed="true"] { background: rgb(225, 249, 237); }
.hx .mpage[data-mod="necropsy"] .nc-prow:focus-visible { outline-offset: -2px; }
.hx .mpage[data-mod="eggs"] {
  --mp-bg: #EFF5F2;
  .hx &.mpage { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif; color: rgb(68, 84, 74); letter-spacing: normal; }
  .hx & .mpage__bar { position: relative; min-height: 48px; padding: env(safe-area-inset-top) 16px 0 0; gap: 0px; background: rgb(255, 255, 255); }
  .hx & .mpage__back { width: 44px; height: 44px; margin-left: 10px; border-radius: 50%; color: rgb(68, 84, 74); }
  .hx & .mpage__back svg { width: 24px; height: 24px; stroke-width: 2; }
  .hx & .mpage__head { margin-left: 15px; }
  .hx & .mpage__bar .mpage__title { font-size: 18.5px; font-weight: 500; line-height: 24px; letter-spacing: 0px; color: rgb(68, 84, 74); }
  .hx & .mpage__bar .mpage__sub { display: none; }
  .hx & .mpage__right { margin-left: auto; gap: 0px; }
  .hx & .eg-site { display: inline-flex; align-items: center; gap: 0px; height: 44px; padding: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 16.5px; font-weight: 500; line-height: 20px; color: rgb(31, 81, 91); cursor: pointer; }
  .hx & .eg-site svg { width: 15px; height: 18px; margin-left: 0px; }
  .hx & .mpage__body { padding: 0px; gap: 0px; background: var(--mp-bg); }
  .hx & .mp-empty { margin: 16px 0px 0px; padding: 40px 16px; border: 0px; border-radius: 10px; background: rgb(255, 255, 255); color: rgb(122, 134, 132); }
  .hx & .mp-more { align-self: center; margin: 4px auto 0px; border-color: rgb(195, 206, 199); background: rgb(255, 255, 255); color: rgb(68, 84, 74); }
  .hx & .eg-banner { position: relative; display: flex; align-items: center; height: 90px; margin: 10px 20px 0px 20.5px; padding: 0px 16px 0px 120.5px; border-radius: 12px; background: url("assets/hx/img/eggs-banner.png") left center / auto 100% no-repeat rgb(31, 65, 91); cursor: pointer; }
  .hx & .eg-banner > div { flex: 1 1 auto; display: flex; flex-direction: column; gap: 3px; }
  .hx & .eg-banner span { font-size: 15px; font-weight: 400; line-height: 20px; color: rgb(239, 245, 242); }
  .hx & .eg-banner b { display: flex; align-items: center; gap: 7px; margin-left: 1.5px; font-size: 16px; font-weight: 600; line-height: 22px; color: rgb(82, 249, 144); }
  .hx & .eg-banner b svg { width: 16px; height: 20px; }
  .hx & .eg-banner__go { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 3px; background: rgb(255, 255, 255); color: rgb(55, 189, 105); }
  .hx & .eg-banner__go svg { width: 18px; height: 18px; }
  .hx & .eg-stats { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; margin: 16px 14px 0px; }
  .hx & .eg-stat { display: flex; flex-direction: column; align-items: flex-start; height: 100.5px; padding: 12px; border-radius: 8px; background: rgb(255, 255, 255); text-decoration: none; }
  .hx & .eg-stat img { display: block; width: 32px; height: 32px; }
  .hx & .eg-stat b { margin-top: 7px; font-size: 24px; font-weight: 600; line-height: 26px; color: rgb(0, 0, 0); font-variant-numeric: normal; }
  .hx & .eg-stat span { margin-top: 2px; font-size: 12px; font-weight: 400; line-height: 16px; color: rgb(68, 84, 74); }
  .hx & .eg-tabs { position: sticky; top: 0px; z-index: 3; display: flex; height: 50px; margin-top: 43.5px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px, rgba(0, 0, 0, 0.06) 0px -1px 3px; }
  .hx & .eg-tabs__menu { position: relative; z-index: 1; flex: 0 0 auto; display: grid; place-items: center start; width: 47px; height: 50px; padding: 0px 0px 0px 15px; border: 0px; background: rgb(255, 255, 255); color: rgb(68, 84, 74); cursor: pointer; }
  .hx & .eg-tabs__menu svg { width: 18px; height: 12px; }
  .hx & .eg-tabs nav { flex: 1 1 auto; min-width: 0px; display: flex; padding: 0px 64px 0px 25px; overflow-x: auto; scrollbar-width: none; }
  .hx & .eg-tabs nav::-webkit-scrollbar { display: none; }
  .hx & .eg-tabs nav a { position: relative; flex: 0 0 auto; display: flex; align-items: center; padding: 0px 25px; font-size: 14px; font-weight: 500; line-height: 20px; color: rgb(0, 0, 0); text-decoration: none; white-space: nowrap; }
  .hx & .eg-tabs nav a[aria-current="page"] { color: rgb(0, 109, 53); }
  .hx & .eg-tabs nav a[aria-current="page"]::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 2.5px; background: rgb(0, 109, 53); }
  .hx & .eg-seg { display: flex; gap: 5px; padding: 14px 8px 12px; background: rgb(255, 255, 255); }
  .hx & .eg-seg button { flex: 1 1 0px; height: 34px; padding: 0px; border: 1px solid rgb(31, 81, 91); border-radius: 8px; background: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 400; color: rgb(31, 81, 91); cursor: pointer; }
  .hx & .eg-seg button[aria-pressed="true"] { background: rgb(31, 81, 91); color: rgb(255, 255, 255); }
  .hx & .eg-list { flex: 1 0 auto; display: flex; flex-direction: column; padding: 14px 12px 120px; background: rgb(239, 245, 242); }
  .hx & .eg-list[data-tone="dis"] { background: rgb(255, 233, 233); }
  .hx & .eg-head { display: flex; align-items: center; gap: 16px; min-height: 22px; padding-left: 1px; }
  .hx & .eg-head h3 { flex: 1 1 auto; min-width: 0px; margin: 0px; font-size: 15px; font-weight: 500; line-height: 20px; color: rgb(31, 81, 91); }
  .hx & .eg-list[data-tone="dis"] .eg-head h3 { padding-left: 3.5px; color: rgb(74, 4, 21); }
  .hx & .eg-list[data-tone="dis"][data-sub] .eg-head h3 { padding-left: 0px; color: rgb(37, 14, 1); }
  .hx & .eg-show { display: inline-flex; align-items: center; gap: 9px; height: 22px; padding: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 15px; font-weight: 500; line-height: 20px; color: rgb(0, 109, 53); cursor: pointer; }
  .hx & .eg-show svg { width: 15px; height: 11px; }
  .hx & .eg-list[data-tone="dis"] .eg-show { color: rgb(37, 14, 1); }
  .hx & .eg-list[data-tone="dis"] .eg-show svg { color: rgb(131, 157, 141); }
  .hx & .eg-list[data-tone="dis"][data-sub] .eg-show svg { color: rgb(37, 14, 1); }
  .hx & .eg-selall { flex: 0 0 auto; display: grid; width: 21px; height: 21px; margin-right: -1.5px; padding: 0px; border: 0px; background: none; color: rgb(131, 157, 141); cursor: pointer; }
  .hx & .eg-selall svg { width: 21px; height: 21px; }
  .hx & .eg-fil { flex: 0 0 auto; display: grid; place-items: center; width: 48px; height: 36px; padding: 0px; border: 0px; border-radius: 8px; background: rgb(227, 233, 230); color: rgb(68, 84, 74); cursor: pointer; }
  .hx & .eg-fil svg { width: 24px; height: 24px; }
  .hx & .eg-fil.is-on { box-shadow: rgb(0, 109, 53) 0px 0px 0px 1.5px inset; }
  .hx & .eg-selbar { display: flex; align-items: center; gap: 14px; height: 48px; margin: 8px -8px 0px; padding: 0px 0px 0px 12px; border-radius: 8px; background: rgb(225, 249, 237); color: rgb(0, 109, 53); }
  .hx & .eg-list[data-tone="dis"] .eg-selbar { background: rgb(255, 211, 211); color: rgb(74, 4, 21); }
  .hx & .eg-selbar button { display: grid; place-items: center; width: 24px; height: 24px; padding: 0px; border: 0px; background: none; color: inherit; cursor: pointer; }
  .hx & .eg-selbar button svg { width: 24px; height: 24px; stroke-width: 2; }
  .hx & .eg-selbar b { font-size: 16px; font-weight: 600; line-height: 22px; }
  .hx & .eg-search { display: flex; align-items: center; gap: 10.5px; height: 40px; margin-top: 12px; padding: 0px 0px 0px 7px; border-radius: 8px; background: rgb(255, 255, 255); cursor: text; }
  .hx & .eg-selbar + .eg-search { margin-top: 16px; }
  .hx & .eg-search.is-tall { height: 48px; }
  .hx & .eg-search svg { flex: 0 0 auto; width: 24px; height: 24px; color: rgb(31, 81, 91); }
  .hx & .eg-search input { flex: 1 1 auto; min-width: 0px; height: 100%; padding: 0px; border: 0px; outline: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 15px; font-weight: 400; color: rgb(31, 81, 91); }
  .hx & .eg-search input::placeholder { color: rgb(31, 81, 91); opacity: 1; }
  .hx & .eg-search input::-webkit-search-cancel-button { appearance: none; }
  .hx & .eg-rows { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; }
  .hx & .eg-rows.is-batch { gap: 12px; margin-top: 12px; }
  .hx & .eg-row { position: relative; display: flex; align-items: stretch; min-height: 94.5px; border-radius: 10px; background: rgb(255, 255, 255); overflow: hidden; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px; }
  .hx & label.eg-row { cursor: pointer; }
  .hx & .eg-row__lead { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; gap: 10px; width: 85px; margin: 12px 0px 0px 12px; }
  .hx & .eg-row:is([data-v="dis"], [data-v="hatch"]) .eg-row__lead { width: 66px; }
  .hx & .eg-row[data-v="hatch"] .eg-row__lead { gap: 5px; }
  .hx & .eg-pill { position: relative; flex: 0 0 auto; display: block; width: 66px; height: 40px; border-radius: 20px; --eg-egg: #F2FFF8; --eg-arc: currentColor; }
  .hx & .eg-pill .mp-thumb { position: absolute; left: 3px; top: 3px; width: 34px; height: 34px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background: rgb(255, 255, 255); }
  .hx & .eg-pill .mp-mark { width: 70%; height: 70%; background: rgb(167, 182, 174); }
  .hx & .eg-pill > i { position: absolute; left: 43px; top: 8px; display: block; width: 16px; height: 24px; }
  .hx & .eg-pill > i svg { display: block; width: 16px; height: 24px; }
  .hx & .eg-pill[data-c="intact"] { background: rgb(0, 109, 53); color: rgb(0, 109, 53); }
  .hx & .eg-pill[data-c="cracked"] { background: rgb(228, 184, 25); color: rgb(228, 184, 25); }
  .hx & .eg-pill[data-c="thin"] { background: rgb(31, 81, 91); color: rgb(31, 81, 91); }
  .hx & .eg-pill[data-c="rotten"] { background: rgb(250, 97, 64); color: rgb(250, 97, 64); }
  .hx & .eg-pill[data-c="broken"] { background: rgb(233, 51, 83); color: rgb(233, 51, 83); }
  .hx & .eg-pill[data-c="dis"] { background: rgb(37, 14, 1); color: rgb(37, 14, 1); --eg-egg: #FFBFAA; }
  .hx & .eg-pill[data-c="hatch"] { background: rgb(55, 189, 105); }
  .hx & .eg-pill[data-c="hatch"] > i { left: 36px; top: 6px; width: 29px; height: 28px; }
  .hx & .eg-chick { display: block; width: 29px; height: 28px; background: rgb(255, 255, 255); mask: url("assets/hx/icon/egg-chick.png") center center / 100% 100% no-repeat; }
  .hx & .eg-badge { display: grid; place-items: center; width: 85px; height: 20.5px; border: 0.75px solid; border-radius: 4px; font-size: 10px; font-style: normal; font-weight: 400; line-height: 12px; }
  .hx & .eg-badge[data-c="intact"] { background: rgb(225, 249, 237); border-color: rgb(55, 189, 105); color: rgb(55, 189, 105); }
  .hx & .eg-badge[data-c="cracked"] { background: rgb(252, 244, 174); border-color: rgb(228, 184, 25); color: rgb(228, 184, 25); }
  .hx & .eg-badge[data-c="thin"] { background: rgb(175, 239, 235); border-color: rgb(31, 81, 91); color: rgb(31, 81, 91); }
  .hx & .eg-badge[data-c="rotten"] { background: rgb(255, 211, 211); border-color: rgb(250, 97, 64); color: rgb(250, 97, 64); }
  .hx & .eg-badge[data-c="broken"] { background: rgb(255, 211, 211); border-color: rgb(233, 51, 83); color: rgb(233, 51, 83); }
  .hx & .eg-id { display: grid; place-items: center; width: 21.5px; height: 16px; border-radius: 3px; background: rgb(221, 235, 233); font-size: 11px; font-style: normal; font-weight: 400; line-height: 16px; color: rgb(68, 84, 74); }
  .hx & .eg-row__txt { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; align-items: flex-start; padding: 12px 0px 12px 21px; font-size: 14px; font-weight: 400; line-height: 20.5px; color: rgb(0, 0, 0); }
  .hx & .eg-row:is([data-v="dis"], [data-v="hatch"]) .eg-row__txt { padding-left: 22px; }
  .hx & .eg-row[data-v="hatch"] .eg-row__txt { line-height: 18.5px; }
  .hx & .eg-row__txt .n { font-size: 16px; font-weight: 600; color: rgb(68, 84, 74); }
  .hx & .eg-row[data-v="hatch"] .eg-row__txt .n { font-weight: 500; }
  .hx & .eg-row__txt .no { font-weight: 500; color: rgb(122, 134, 132); }
  .hx & .eg-row__txt .why, .hx & .eg-row[data-v="hatch"] .eg-row__txt .d { color: rgb(122, 134, 132); }
  .hx & .eg-row__txt .bt { font-weight: 600; color: rgb(31, 65, 91); }
  .hx & .eg-row__txt .aid { font-size: 16px; font-weight: 500; color: rgb(55, 189, 105); }
  .hx & .eg-row__txt .mk { padding: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 16px; font-weight: 500; line-height: 18.5px; color: rgb(0, 175, 214); cursor: pointer; }
  .hx & .eg-row__st { flex: 0 0 auto; align-self: center; display: grid; place-items: center; width: 75px; margin-right: 4px; text-align: center; }
  .hx & .eg-row[data-sub] .eg-row__st { width: 250px; margin-right: 0px; }
  .hx & .eg-row__chk { flex: 0 0 auto; display: grid; place-items: center; width: 48px; background: rgb(242, 255, 248); }
  .hx & .eg-list[data-tone="dis"] .eg-row__chk { background: rgb(255, 229, 229); }
  .hx & .eg-check { appearance: none; width: 18px; height: 18px; margin: 0px; border: 2px solid rgb(131, 157, 141); border-radius: 2px; background: center center / 14px 14px no-repeat rgb(239, 252, 245); cursor: pointer; }
  .hx & .eg-check:checked { border-color: rgb(0, 109, 53); background-color: rgb(0, 109, 53); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2.5 7.2 3 3 6-6.4'/%3E%3C/svg%3E"); }
  .hx & .eg-list[data-tone="dis"] .eg-check { border-color: rgb(233, 51, 83); background-color: rgb(254, 223, 224); }
  .hx & .eg-list[data-tone="dis"] .eg-check:checked { background-color: rgb(233, 51, 83); }
  .hx & .eg-check:focus-visible { outline: rgb(0, 175, 214) solid 2px; outline-offset: 2px; }
  .hx & .eg-st { font-size: 12px; font-style: normal; font-weight: 600; line-height: 14px; color: rgb(31, 81, 91); text-align: center; }
  .hx & .eg-st.is-btn { display: grid; place-items: center; width: 100%; height: 37.5px; border-radius: 4px; color: rgb(255, 255, 255); }
  .hx & .eg-st[data-s="done"] { background: rgb(0, 0, 0); font-size: 11px; }
  .hx & .eg-st[data-s="cancel"] { background: rgb(122, 134, 132); }
  .hx & .eg-st:is([data-s="pending"], [data-s="checked"]) { font-size: 14px; font-weight: 400; line-height: 20px; }
  .hx & .eg-st[data-s="pending"] { color: rgb(131, 157, 141); }
  .hx & .eg-st[data-s="checked"] { color: rgb(31, 81, 91); }
  .hx & .eg-row[data-sub] .eg-st { color: rgb(31, 81, 91); }
  .hx & .eg-batch { position: relative; display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; padding: 12px 12px 17px 20px; border-radius: 10px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 3px; }
  .hx & .eg-batch[data-k="dis"] { padding: 12px 4px 12px 20px; }
  .hx & .eg-batch[data-k="dis"]:has(.eg-note) { padding-bottom: 20px; }
  .hx & .eg-batch__main { display: flex; flex-direction: column; align-items: flex-start; }
  .hx & .eg-chip { display: inline-flex; align-items: center; height: 28px; margin-left: -2px; padding: 0px 12px 0px 5px; border-radius: 14px; background: rgb(244, 246, 247); font-size: 14px; font-weight: 600; line-height: 20px; color: rgb(31, 65, 91); }
  .hx & .eg-chip i { flex: 0 0 auto; width: 20px; height: 16px; margin-right: 5px; background: rgb(31, 65, 91); mask: url("assets/hx/icon/egg-chip-transfer.png") center center / 100% 100% no-repeat; }
  .hx & .eg-batch[data-k="dis"] .eg-chip { background: rgb(255, 242, 242); }
  .hx & .eg-batch[data-k="dis"] .eg-chip i { width: 24px; height: 19px; margin-right: 3px; background: rgb(74, 4, 21); mask-image: url("assets/hx/icon/egg-chip-discard.png"); }
  .hx & .eg-route { display: flex; align-items: center; gap: 7px; margin-top: 3px; font-size: 16px; font-weight: 600; line-height: 22px; color: rgb(31, 65, 91); }
  .hx & .eg-route::before { content: ""; flex: 0 0 auto; width: 16px; height: 8px; background: radial-gradient(circle at 4px 4px, rgb(55, 189, 105) 3.6px, transparent 4.2px), linear-gradient(rgb(55, 189, 105), rgb(55, 189, 105)) 7px 3.25px / 9px 1.5px no-repeat; }
  .hx & .eg-route[data-end="end"]::before { background: linear-gradient(rgb(233, 51, 83), rgb(233, 51, 83)) 0px 3.25px / 9px 1.5px no-repeat, linear-gradient(rgb(233, 51, 83), rgb(233, 51, 83)) 8px 0px / 8px 8px no-repeat; }
  .hx & .eg-batch__n { font-size: 15.5px; font-weight: 400; line-height: 22px; color: rgb(68, 84, 74); }
  .hx & .eg-batch[data-k="dis"] .eg-batch__n { margin-top: 5px; }
  .hx & .eg-batch__when { font-size: 13px; font-weight: 400; line-height: 20px; color: rgb(68, 84, 74); }
  .hx & .eg-who { display: flex; align-items: center; gap: 8px; margin-top: 4px; font-size: 14px; font-weight: 500; line-height: 20px; color: rgb(68, 84, 74); }
  .hx & .eg-av { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: rgb(31, 81, 91); font-size: 11px; font-style: normal; font-weight: 600; color: rgb(255, 255, 255); }
  .hx & .eg-batch__st { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 85px; }
  .hx & .eg-batch[data-k="dis"] .eg-batch__st { width: 250px; }
  .hx & .eg-secure { height: 28px; padding: 0px 10px; border: 1px solid rgb(31, 81, 91); border-radius: 4px; background: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 12px; font-weight: 600; color: rgb(31, 81, 91); cursor: pointer; }
  .hx & .eg-note { grid-column: 1 / -1; display: flex; align-items: flex-start; gap: 13px; margin: 16px 16px 0px 0px; padding: 16px; border-radius: 8px; background: rgb(255, 229, 229); }
  .hx & .eg-note__av { flex: 0 0 auto; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: rgb(0, 214, 201); font-size: 14px; font-style: normal; font-weight: 500; color: rgb(255, 255, 255); }
  .hx & .eg-note > span { display: flex; flex-direction: column; }
  .hx & .eg-note b { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 400; line-height: 20px; color: rgb(68, 84, 74); }
  .hx & .eg-note small { font-size: 12px; line-height: 16px; color: rgb(68, 84, 74); }
  .hx & .eg-note em { margin-top: 6px; font-size: 14px; font-style: normal; line-height: 18px; color: rgb(233, 51, 83); }
  .hx & .eg-foot { position: sticky; bottom: 0px; z-index: 3; margin-top: -80px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); background: rgb(255, 255, 255); }
  .hx & .eg-btn { width: 100%; height: 56px; padding: 0px; border: 0px; border-radius: 8px; background: rgb(233, 51, 83); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 18px; font-weight: 600; line-height: 24px; color: rgb(255, 255, 255); cursor: pointer; }
  .hx & .eg-btn[data-tone="nursery"] { background: rgb(31, 81, 91); }
  .hx & .msheet__foot .eg-btn { flex: 1 1 auto; }
  .hx & .eg-fab { position: fixed; right: 25px; bottom: calc(40px + env(safe-area-inset-bottom)); z-index: 4; display: grid; place-items: center; width: 50px; height: 50px; padding: 0px; border: 0px; border-radius: 12px; background: linear-gradient(90deg, rgb(0, 214, 200), rgb(55, 189, 105)); color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 6px; cursor: pointer; }
  .hx & .eg-fab svg { width: 24px; height: 24px; }
}
.hx .fpage { --fp-ink: #44544A; --fp-head: #1F515B; --fp-navy: #1F415B; --fp-mute: #7A8684; --fp-outline: #839D8D; --fp-mint: #EFF5F2; --fp-green: #37BD69; position: fixed; inset: 0px; z-index: 405; display: flex; flex-direction: column; background: rgb(218, 231, 223); opacity: 0; transform: translateX(32px); transition: opacity 260ms ease, transform 420ms var(--spring-smooth, cubic-bezier(.32, .72, 0, 1)); }
.hx .fpage.is-open { opacity: 1; transform: none; }
.hx .fpage[hidden] { display: none !important; }
.hx.is-fpage { overflow: hidden; }
.hx .fpage__bar { flex: 0 0 auto; display: flex; align-items: center; gap: 12px; background: rgb(255, 255, 255); padding: max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) 24px max(24px, env(safe-area-inset-left)); }
.hx .fpage__back, .hx .fpane__side, .hx .fpane__list, .hx .fpane__nav button { position: relative; flex: 0 0 auto; display: grid; place-items: center; padding: 0px; border: 0px; cursor: pointer; color: var(--fp-navy); -webkit-tap-highlight-color: transparent; }
.hx .fpage__back { width: 24px; height: 24px; border-radius: 50%; background: none; }
.hx .fpage__back::after { content: ""; position: absolute; inset: -10px; }
.hx .fpage__back img { display: block; }
.hx :is(.fpage__back, .fpane__side, .fpane__nav button, .ffilter, .fwho__btn):active { transform: scale(0.94); }
.hx .fpage__head { min-width: 0px; display: flex; flex-direction: column; }
.hx .fpage__title { margin: 0px; font-size: 20px; font-weight: 500; line-height: normal; color: var(--fp-ink); outline: none; }
.hx .fsplit { flex: 1 1 auto; min-height: 0px; display: flex; gap: 8px; padding: 12px max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)); }
.hx .flist { flex: 0 0 auto; width: calc(40% - 3.2px); min-height: 0px; display: flex; flex-direction: column; overflow: hidden; border-radius: 12px; background: rgb(255, 255, 255); transition: width 420ms var(--spring-smooth, ease), opacity 240ms ease, margin 420ms var(--spring-smooth, ease); }
.hx .fpage.is-listless .flist { width: 0px; margin-right: -8px; opacity: 0; pointer-events: none; }
.hx .flist__tools { position: relative; z-index: 3; flex: 0 0 auto; display: flex; flex-direction: column; gap: 0px; padding: 0px 0px 4px; }
.hx[data-home="v2"] .fpage .v2seg { display: flex; align-self: stretch; margin: 12px; padding: 4px; gap: 0px; border-radius: 100px; background: var(--fp-mint); }
.hx[data-home="v2"] .fpage .v2seg__thumb { top: 4px; bottom: 4px; border-radius: 100px; background: var(--fp-green); box-shadow: none; }
.hx[data-home="v2"] .fpage .v2seg__opt { flex: 1 1 0px; min-height: 0px; padding: 12px 8px; border-radius: 100px; font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: 0.1px; color: var(--fp-ink); }
.hx[data-home="v2"] .fpage .v2seg__opt[aria-pressed="true"] { color: rgb(255, 255, 255); font-weight: 500; }
.hx[data-home="v2"] .fpage .v2seg__opt b { font-weight: 500; color: var(--fp-mute); }
.hx[data-home="v2"] .fpage .v2seg__opt[aria-pressed="true"] b { color: rgba(255, 255, 255, 0.85); }
.hx .flist__find { position: relative; display: flex; gap: 8px; padding: 0px 12px; }
.hx .fsearch { flex: 1 1 auto; min-width: 0px; display: flex; align-items: center; gap: 8px; height: 40px; padding: 0px 6px 0px 12px; border-radius: 8px; background: rgba(0, 0, 0, 0.05); }
.hx .fsearch:focus-within { background: rgb(255, 255, 255); box-shadow: 0 0 0 1.5px var(--c-add-primary, #00AFD6); }
.hx .fsearch img { flex: 0 0 auto; display: block; }
.hx .fsearch input { flex: 1 1 auto; min-width: 0px; height: 100%; padding: 0px; border: 0px; outline: 0px; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 16px; color: var(--fp-ink); }
.hx .fsearch input::placeholder { font-size: 12px; color: var(--fp-ink); }
.hx .fsearch input::-webkit-search-cancel-button { display: none; }
.hx .fsearch__clear { flex: 0 0 auto; display: grid; place-items: center; width: 28px; height: 28px; padding: 0px; border: 0px; border-radius: 50%; background: rgba(31, 65, 91, 0.08); color: var(--fp-navy); cursor: pointer; }
.hx .fsearch__clear svg { width: 14px; height: 14px; }
.hx .fsearch__clear[hidden], .hx .ffilter b[hidden] { display: none; }
.hx .ffilter { position: relative; flex: 0 0 auto; display: grid; place-items: center; width: 40px; height: 40px; padding: 0px; border: 0px; border-radius: 8px; background: rgba(0, 0, 0, 0.05); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.hx .ffilter img { display: block; }
.hx .ffilter b { position: absolute; top: -5px; right: -5px; display: grid; place-items: center; min-width: 18px; height: 18px; padding: 0px 4px; border-radius: 9px; background: var(--fp-green); color: rgb(255, 255, 255); font-size: 10px; font-weight: 600; }
.hx .ffilter.is-on, .hx .ffilter[aria-expanded="true"] { background: var(--fp-navy); }
.hx .ffilter.is-on img, .hx .ffilter[aria-expanded="true"] img { filter: brightness(0) invert(1); }
.hx .ffpop { position: absolute; top: calc(100% + 8px); right: 12px; z-index: 5; width: min(340px, -32px + 100vw); display: flex; flex-direction: column; gap: 14px; padding: 16px; border-radius: 12px; background: rgb(255, 255, 255); box-shadow: rgba(16, 45, 52, 0.35) 0px 18px 50px -12px, rgba(0, 0, 0, 0.06) 0px 0px 0px 0.5px; transform-origin: 100% 0px; animation: ffpop-in 240ms var(--spring-smooth, ease); }
.hx .ffpop[hidden] { display: none; }
@keyframes ffpop-in { 
  0% { opacity: 0; transform: translateY(-6px) scale(0.97); }
}
.hx .ffpop__g p { margin: 0px 0px 8px; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; color: var(--fp-outline); }
.hx .ffpop__g div { display: flex; flex-wrap: wrap; gap: 6px; }
.hx .ffpop__g button { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0px 12px; border: 0px; border-radius: 100px; background: var(--fp-mint); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; color: var(--fp-ink); cursor: pointer; }
.hx .ffpop__g button[data-p]::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--dot); }
.hx .ffpop__g button[aria-pressed="true"] { background: var(--fp-green); color: rgb(255, 255, 255); }
.hx .ffpop__foot { display: flex; justify-content: space-between; padding-top: 12px; border-top: 1px solid rgba(0, 0, 0, 0.06); }
.hx .ffpop__foot button { height: 36px; padding: 0px 14px; border: 0px; border-radius: 8px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 500; color: var(--fp-mute); cursor: pointer; }
.hx .ffpop__foot [data-done] { background: var(--c-add-primary, #00AFD6); color: rgb(255, 255, 255); }
.hx .factive { display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 12px 0px; }
.hx .factive[hidden] { display: none; }
.hx .factive__c { display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0px 8px 0px 12px; border: 0px; border-radius: 100px; background: var(--fp-mint); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 12px; font-weight: 500; color: var(--fp-ink); cursor: pointer; }
.hx .factive__c svg { width: 12px; height: 12px; }
.hx .flist__rows { flex: 1 1 auto; min-height: 0px; overflow-y: auto; overscroll-behavior: contain; display: flex; flex-direction: column; gap: 16px; padding: 16px 16px 24px; scrollbar-width: thin; outline: none; }
.hx .flist__grp { display: flex; align-items: center; gap: 8px; margin: 8px 0px 0px; font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: 0.1px; color: var(--fp-outline); }
.hx .flist__grp::after { content: ""; flex: 1 1 auto; height: 1px; background: rgb(195, 206, 199); }
.hx .flist__grp:first-child { margin-top: 0px; }
.hx .flist__empty, .hx .fpane__empty { margin: 40px 16px; text-align: center; font-size: 14px; line-height: 20px; color: var(--fp-mute); }
.hx .frow { position: relative; flex: 0 0 auto; display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 8px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px; cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; transition: border-color 200ms, box-shadow 200ms; }
.hx .frow::before { content: ""; position: absolute; left: -17px; top: 50%; width: 8px; height: 48px; margin-top: -24px; border-radius: 0px 8px 8px 0px; background: var(--fp-green); transform: scaleX(0); transform-origin: 0px 50%; transition: transform 260ms var(--spring-smooth, ease); }
.hx .frow[aria-selected="true"] { border-color: var(--fp-green); box-shadow: 0 0 0 .5px var(--fp-green); }
.hx .frow[aria-selected="true"]::before { transform: none; }
.hx .frow:focus-visible { box-shadow: rgba(55, 189, 105, 0.35) 0px 0px 0px 3px; }
.hx .frow__main { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; gap: 8px; }
.hx .frow__label { display: flex; align-items: center; gap: 4px; min-width: 0px; margin: 0px; font-size: 12px; font-weight: 500; line-height: normal; color: rgb(30, 158, 87); }
.hx .frow__label img { flex: 0 0 auto; width: 16px; height: 16px; }
.hx .frow__label[data-k="important"] { color: rgb(214, 45, 76); }
.hx .frow__label[data-k="fact"] { color: rgb(11, 143, 176); }
.hx .frow__label[data-p] { color: var(--fp-navy); }
.hx .frow__label .fflag { margin-left: 4px; }
.hx .frow__title { margin: 0px; font-size: 16px; font-weight: 500; line-height: normal; color: var(--fp-head); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hx .frow.is-cancelled .frow__title { color: var(--fp-mute); }
.hx .frow__text { margin: 0px; font-size: 14px; line-height: 20px; color: var(--fp-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hx .frow__ent { display: flex; align-items: center; gap: 8px; min-width: 0px; margin: 0px; font-size: 14px; line-height: normal; }
.hx .frow__ent img { flex: 0 0 auto; width: 24px; height: 24px; border-radius: 4px; object-fit: cover; }
.hx .frow__ent b { flex: 0 0 auto; font-weight: 500; letter-spacing: 0.1px; color: var(--fp-ink); }
.hx .frow__ent span { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: var(--fp-mute); }
.hx .frow__meta { display: flex; align-items: center; gap: 12px; min-width: 0px; margin: 0px; font-size: 12px; line-height: normal; color: var(--fp-mute); }
.hx .frow__meta > span { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 4px; font-variant-numeric: tabular-nums; }
.hx .frow__meta svg { width: 14px; height: 14px; }
.hx .frow__meta .frow__who { flex: 0 1 auto; min-width: 0px; margin-right: auto; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hx .frow__who em { font-style: italic; }
.hx .frow__pic { flex: 0 0 auto; align-self: center; width: 64px; height: 64px; border-radius: 8px; object-fit: cover; }
.hx .frow.is-cancelled .frow__pic { filter: grayscale(1) opacity(0.7); }
.hx .fflag { flex: 0 0 auto; height: 18px; padding: 0px 6px; border-radius: 4px; background: rgb(229, 72, 77); color: rgb(255, 255, 255); font-size: 10px; font-weight: 600; letter-spacing: 0.04em; line-height: 18px; text-transform: uppercase; }
.hx .fflag--lg { display: inline-block; height: 22px; padding: 0px 8px; font-size: 11px; line-height: 22px; }
.hx .fpri { flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: var(--b); color: var(--g); font-weight: 700; letter-spacing: -0.3px; line-height: 1; }
.hx .fpri img { display: block; width: 62%; height: 62%; }
.hx .fpri[data-p="critical"], .hx .ffpop__g [data-p="critical"] { --b: var(--pri-critical-badge, #FFE3E8); --g: var(--pri-critical-ink, #F21037); --dot: var(--pri-critical-slab, #F21037); }
.hx .fpri[data-p="high"], .hx .ffpop__g [data-p="high"] { --b: var(--pri-high-badge, #FFE6E0); --g: var(--c-tertiary, #F06D52); --dot: var(--pri-high-slab, #F06D52); }
.hx .fpri[data-p="moderate"], .hx .ffpop__g [data-p="moderate"] { --b: var(--pri-moderate-badge, #FFF3D6); --g: var(--pri-moderate-ink, #C98A00); --dot: var(--pri-moderate-slab, #FFB71D); }
.hx .fpri[data-p="low"], .hx .ffpop__g [data-p="low"] { --b: var(--pri-low-badge, #DDF7FD); --g: var(--c-secondary, #0797B8); --dot: var(--pri-low-slab, #0FC1E8); }
.hx .fpri--sm { width: 20px; height: 20px; font-size: 9.5px; }
.hx .fpane { position: relative; flex: 1 1 auto; min-width: 0px; min-height: 0px; display: flex; padding: 8px; border-radius: 12px; background: rgb(255, 255, 255); }
.hx .fpane__in { flex: 1 1 auto; min-width: 0px; min-height: 0px; display: flex; flex-direction: column; overflow: hidden; border-radius: 8px; background: var(--fp-mint); }
.hx .fpane__top { flex: 0 0 auto; background: var(--fp-navy); color: rgb(255, 255, 255); }
.hx .fpane__bar { display: flex; align-items: center; gap: 8px; height: 56px; padding: 12px 16px 8px; }
.hx .fpane__side { width: 32px; height: 32px; margin-left: -6px; border-radius: 8px; background: none; color: rgb(255, 255, 255); }
.hx .fpane__side::after { content: ""; position: absolute; inset: -6px; }
.hx .fpane__side svg { width: 20px; height: 20px; }
.hx .fpane__side[aria-pressed="true"] { background: rgba(255, 255, 255, 0.14); }
.hx .fpane__list { display: none; width: 32px; height: 32px; margin-left: -8px; border-radius: 8px; background: none; color: rgb(255, 255, 255); }
.hx .fpane__list .icon { width: 22px; height: 22px; }
.hx .fpane__k { flex: 1 1 auto; min-width: 0px; display: flex; align-items: center; gap: 6px; }
.hx .fbar__k { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: 500; line-height: normal; color: rgb(255, 255, 255); }
.hx .fpane__pos { font-size: 12px; color: rgb(232, 244, 242); font-variant-numeric: tabular-nums; }
.hx .fpane__nav { display: flex; gap: 8px; }
.hx .fpane__nav button { width: 28px; height: 28px; border-radius: 50%; background: rgba(0, 0, 0, 0.2); color: rgb(255, 255, 255); }
.hx .fpane__nav button::after { content: ""; position: absolute; inset: -6px -4px; }
.hx .fpane__nav button:disabled { opacity: 0.35; cursor: default; }
.hx .fpane__nav svg { width: 18px; height: 18px; }
.hx .fhead { display: flex; flex-direction: column; gap: 8px; padding: 12px 16px; }
.hx .fhead__t { margin: 0px; font-size: 20px; font-weight: 500; line-height: normal; color: rgb(255, 255, 255); outline: none; }
.hx .fhead__s { margin: 0px; font-size: 14px; line-height: 20px; color: rgb(232, 244, 242); }
.hx .fwho { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: rgba(0, 0, 0, 0.1); }
.hx .fwho__av { flex: 0 0 auto; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: rgb(60, 100, 128); color: rgb(255, 255, 255); font-size: 13px; font-weight: 600; font-style: normal; line-height: 1; }
.hx .fwho__txt { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; gap: 4px; }
.hx .fwho__txt b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 400; line-height: normal; color: rgb(255, 255, 255); }
.hx .fwho__txt small { display: flex; align-items: center; gap: 4px; font-size: 10px; line-height: normal; color: rgb(232, 244, 242); }
.hx .fwho__txt small > i:empty { width: 4px; height: 4px; border-radius: 50%; background: rgb(232, 244, 242); }
.hx .fwho__btn { position: relative; flex: 0 0 auto; display: grid; place-items: center; width: 28px; height: 28px; padding: 0px; border: 0px; border-radius: 50px; background: rgba(0, 0, 0, 0.2); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.hx .fwho__btn::after { content: ""; position: absolute; inset: -8px; }
.hx .fwho__btn img { display: block; }
.hx .fpane__scroll { flex: 1 1 auto; min-height: 0px; overflow-y: auto; overscroll-behavior: contain; outline: none; display: flex; flex-direction: column; gap: 12px; padding: 16px; }
.hx .fpane__scroll > * { flex: 0 0 auto; }
.hx .fpane .fsec { display: flex; flex-direction: column; gap: 8px; padding: 12px; border-radius: 4px; background: rgb(255, 255, 255); }
.hx .fsec__h { display: flex; align-items: center; gap: 4px; margin: 0px; font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: 0.1px; color: var(--fp-navy, #1F415B); }
.hx .fsec__h > img, .hx .fsec__h > svg { flex: 0 0 auto; width: 16px; height: 16px; }
.hx .fsec__h b { margin-left: 2px; font-weight: 400; color: var(--fp-mute, #7A8684); }
.hx .fpane .fthread .fsec__h::before { content: ""; flex: 0 0 auto; width: 16px; height: 16px; background: currentcolor; mask: url("assets/hx/icon/v2-comment.svg") center center / contain no-repeat; }
.hx .fpane__media { position: relative; height: clamp(200px, 30vh, 320px); overflow: hidden; border-radius: 8px; background: var(--fp-mint); }
.hx .fpane__media > img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.hx .fpane__media.is-grey > img { filter: grayscale(1) opacity(0.7); }
.hx .fpane__n { position: absolute; left: 8px; top: 8px; height: 24px; padding: 0px 8px; border-radius: 6px; background: rgba(0, 0, 0, 0.4); color: rgb(255, 255, 255); font-size: 10px; font-weight: 500; line-height: 24px; font-variant-numeric: tabular-nums; }
.hx .fpane__strip { display: flex; gap: 8px; }
.hx .fpane__strip img { width: 104px; height: 72px; border-radius: 8px; object-fit: cover; }
.hx .fpane__text { margin: 0px; font-size: 14px; line-height: 20px; color: var(--fp-ink); white-space: pre-line; }
.hx .fent { display: flex; align-items: center; gap: 8px; padding: 8px; border-radius: 12px; background: var(--fp-mint); }
.hx .fent > img { flex: 0 0 auto; width: 104px; height: 104px; border-radius: 8px; object-fit: cover; }
.hx .fent__txt { min-width: 0px; display: flex; flex-direction: column; gap: 4px; font-size: 14px; line-height: normal; }
.hx .fent__txt b { font-weight: 600; color: var(--fp-head); }
.hx .fent__txt span { font-weight: 500; letter-spacing: 0.1px; color: var(--fp-ink); }
.hx .fent__txt small { font-size: 14px; color: var(--fp-mute); }
.hx .fent__txt em { font-size: 14px; font-style: italic; color: var(--fp-mute); }
.hx .ffiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; margin: 0px; padding: 0px; list-style: none; }
.hx .ffile { display: flex; align-items: center; gap: 8px; min-width: 0px; padding: 8px; border-radius: 8px; background: var(--f-bg); }
.hx .ffile__ico { flex: 0 0 auto; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 4px; background: rgb(255, 255, 255); color: var(--f-ink); }
.hx .ffile__ico svg { width: 20px; height: 20px; }
.hx .ffile__txt { min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
.hx .ffile__txt b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; color: var(--fp-ink, #44544A); }
.hx .ffile__txt small { font-size: 12px; color: var(--fp-mute, #7A8684); }
.hx .fnotif { display: flex; flex-wrap: wrap; gap: 8px; }
.hx .fnotif__p { display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0px 12px 0px 4px; border-radius: 100px; background: var(--fp-mint, #EFF5F2); font-size: 14px; font-weight: 500; letter-spacing: 0.1px; color: var(--fp-ink, #44544A); }
.hx .fnotif__p i { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: rgb(255, 255, 255); font-size: 9px; font-weight: 600; font-style: normal; color: var(--fp-head, #1F515B); }
.hx .facts { display: flex; align-items: center; gap: 20px; }
.hx .fpane__acts { padding-top: 8px; padding-bottom: 8px; }
.hx .fact { position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; color: var(--fp-ink, #44544A); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.hx .fact::after { content: ""; position: absolute; inset: -6px -8px; }
.hx .fact img { width: 20px; height: 20px; }
.hx .fact b { min-width: 14px; font-weight: 500; font-variant-numeric: tabular-nums; }
.hx .fact[aria-pressed="true"] b, .hx .fact--save[aria-pressed="true"] span { color: var(--c-action-ink, #00845F); }
.hx .fact--save { margin-left: auto; font-weight: 500; }
.hx .fthread__note { margin: 0px; font-size: 12px; color: var(--fp-mute, #7A8684); }
.hx .fthread__list { display: flex; flex-direction: column; gap: 12px; margin: 4px 0px 0px; padding: 0px; list-style: none; }
.hx .fcom__day { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; color: var(--fp-outline, #839D8D); }
.hx .fcom__day::after { content: ""; flex: 1 1 auto; height: 1px; background: rgb(195, 206, 199); }
.hx .fcom { display: flex; gap: 8px; }
.hx .fcom__av { flex: 0 0 auto; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--fp-mint, #EFF5F2); color: var(--fp-head, #1F515B); font-size: 12px; font-weight: 600; font-style: normal; }
.hx .fcom__h { display: flex; align-items: baseline; gap: 8px; margin: 0px 0px 4px; font-size: 14px; }
.hx .fcom__h b { font-weight: 500; color: var(--fp-head, #1F515B); }
.hx .fcom__h span { font-size: 12px; color: var(--fp-mute, #7A8684); }
.hx .fcom__t { margin: 0px; font-size: 14px; line-height: 20px; color: var(--fp-ink, #44544A); }
.hx .fsay { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; padding: 12px 16px; border-top: 1px solid rgba(0, 0, 0, 0.05); background: rgb(255, 255, 255); }
.hx .fsay[hidden] { display: none; }
.hx .fsay__av { flex: 0 0 auto; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: rgb(60, 100, 128); color: rgb(255, 255, 255); font-size: 13px; font-weight: 600; font-style: normal; }
.hx .fsay input { flex: 1 1 auto; min-width: 0px; height: 40px; padding: 0px 12px; border: 0px; border-radius: 8px; outline: 0px; background: rgba(0, 0, 0, 0.05); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 16px; color: var(--fp-ink); }
.hx .fsay input:focus { background: rgb(255, 255, 255); box-shadow: 0 0 0 1.5px var(--c-add-primary, #00AFD6); }
.hx .fsay input::placeholder { font-size: 14px; color: var(--fp-mute); }
.hx .fsay button { flex: 0 0 auto; display: grid; place-items: center; width: 40px; height: 40px; padding: 0px; border: 0px; border-radius: 8px; background: var(--c-add-primary, #00AFD6); color: rgb(255, 255, 255); cursor: pointer; transition: opacity 200ms ease, transform 200ms var(--spring-smooth, ease); }
.hx .fsay button:disabled { opacity: 0.35; cursor: default; }
.hx .fsay button:not(:disabled):active { transform: scale(0.92); }
.hx .fsay button svg { width: 18px; height: 18px; }
@property --efl { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --efr { syntax: "<length>"; inherits: false; initial-value: 0px; }
.hx .efade { --efl: 0px; --efr: 0px; mask-image: linear-gradient(90deg, rgba(0, 0, 0, .25) 0, #000 var(--efl), #000 calc(100% - var(--efr)), rgba(0, 0, 0, .25) 100%); transition: --efl 260ms, --efr 260ms; }
.hx .efade:not(.efade--l):not(.efade--r) { mask-image: none; }
.hx .efade.efade--l { --efl: 24px; }
.hx .efade.efade--r { --efr: 24px; }
.hx .efade__blur { position: absolute; z-index: 2; pointer-events: none; opacity: 0; transition: opacity 260ms; backdrop-filter: blur(6px); }
.hx .efade__blur--l { mask-image: linear-gradient(90deg, rgb(0, 0, 0) 0px, rgba(0, 0, 0, 0.55) 45%, transparent 100%); }
.hx .efade__blur--r { mask-image: linear-gradient(270deg, rgb(0, 0, 0) 0px, rgba(0, 0, 0, 0.55) 45%, transparent 100%); }
.hx .efade__blur.is-on { opacity: 1; }
.hx .cpage { --c-ink: #1F515B; --c-text: #44544A; --c-mute: #7A8684; --c-line: #E5EAEB; --c-chip: #2D505A; --c-green: #37BD69; --c-fab: linear-gradient(135deg, #57B7CC 0%, #6ECCC2 100%); position: fixed; top: 0px; left: 0px; right: 0px; height: 100%; z-index: 405; display: flex; background: rgb(245, 246, 247); font-family: Inter, var(--font, system-ui), sans-serif; letter-spacing: normal; }
.hx .cpage[hidden] { display: none !important; }
.hx.cpage-lock, .hx.cpage-lock body { overflow: hidden; overscroll-behavior: none; }
.hx.is-cpage .qtop { display: none; }
.hx .cpage button { font: inherit; -webkit-tap-highlight-color: transparent; }
.hx .cside { position: relative; flex: 0 0 auto; width: 400px; min-height: 0px; display: flex; flex-direction: column; background: rgb(255, 255, 255); border-right: 1px solid var(--c-line); }
.hx .cside { width: 340px; }
.hx .chead { flex: 0 0 auto; display: flex; flex-direction: column; gap: 12px; padding: max(8px, env(safe-area-inset-top)) 16px 16px max(16px, env(safe-area-inset-left)); background: linear-gradient(90deg, rgb(210, 253, 231) 0%, rgb(183, 219, 248) 100%); }
.hx .chead__bar { display: flex; align-items: center; gap: 14px; height: 56px; }
.hx .cback { position: relative; flex: 0 0 auto; display: grid; place-items: center; width: 32px; height: 32px; margin-left: -4px; padding: 0px; border: 0px; border-radius: 50%; background: none; cursor: pointer; }
.hx .cback::after { content: ""; position: absolute; inset: -6px; }
.hx .cback img { display: block; }
.hx .cback:active { transform: scale(0.92); }
.hx .chead__t { margin: 0px; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; font-weight: 500; line-height: normal; color: var(--c-text); outline: none; }
.hx .csearch { display: flex; align-items: center; gap: 10px; height: 44px; padding: 0px 16px; border-radius: 100px; background: rgb(255, 255, 255); box-shadow: rgba(31, 81, 91, 0.06) 0px 1px 2px; }
.hx .csearch:focus-within { box-shadow: rgba(0, 175, 214, 0.5) 0px 0px 0px 2px; }
.hx .csearch img { flex: 0 0 auto; display: block; }
.hx .csearch input { flex: 1 1 auto; min-width: 0px; height: 100%; padding: 0px; border: 0px; outline: 0px; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 16px; color: var(--c-ink); }
.hx .csearch input::placeholder { color: var(--c-text); }
.hx .csearch input::-webkit-search-cancel-button { appearance: none; }
.hx .cchips { display: flex; gap: 8px; }
.hx .cchip { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0px 16px; border: 0px; border-radius: 100px; background: rgba(255, 255, 255, 0.6); color: var(--c-chip); font-size: 14px; font-weight: 500; cursor: pointer; transition: background-color 180ms, color 180ms; }
.hx .cchip[aria-pressed="true"] { background: var(--c-chip); color: rgb(255, 255, 255); }
.hx .cchip:active { transform: scale(0.96); }
.hx .cchip b { display: grid; place-items: center; min-width: 18px; height: 18px; padding: 0px 5px; border-radius: 9px; background: var(--c-green); color: rgb(255, 255, 255); font-size: 11px; font-weight: 600; }
.hx .cchip b[hidden] { display: none; }
.hx .clist { flex: 1 1 auto; min-height: 0px; overflow-y: auto; overscroll-behavior: contain; padding-bottom: 96px; outline: none; }
.hx .crow { position: relative; display: flex; align-items: center; gap: 14px; min-height: 76px; padding: 12px 16px; cursor: pointer; outline: none; transition: background-color 160ms; }
.hx .crow::after { content: ""; position: absolute; left: 78px; right: 0px; bottom: 0px; height: 1px; background: var(--c-line); }
.hx .crow[aria-selected="true"] { background: rgb(239, 245, 242); }
.hx .crow:focus-visible { box-shadow: rgba(0, 175, 214, 0.5) 0px 0px 0px 2px inset; }
.hx .cav { flex: 0 0 auto; display: grid; place-items: center; width: 48px; height: 48px; overflow: hidden; border-radius: 50%; background: var(--b, #E6EEF5); color: var(--g, #1F415B); font-size: 16px; font-weight: 600; font-style: normal; line-height: 1; }
.hx .cav img { width: 100%; height: 100%; object-fit: cover; }
.hx .cav--grp { background: rgb(230, 244, 241); color: var(--c-ink); }
.hx .cav--grp svg { width: 26px; height: 26px; }
.hx .cav--sm { width: 40px; height: 40px; font-size: 14px; }
.hx .cav--sm svg { width: 22px; height: 22px; }
.hx .crow__main { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; gap: 4px; }
.hx .crow__top, .hx .crow__bot { display: flex; align-items: center; gap: 8px; min-width: 0px; }
.hx .crow__name { flex: 1 1 auto; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: 500; line-height: 20px; color: var(--c-ink); }
.hx .crow__when { flex: 0 0 auto; font-size: 12px; line-height: 16px; color: var(--c-mute); font-variant-numeric: tabular-nums; }
.hx .crow.is-unread .crow__when { color: var(--c-green); font-weight: 600; }
.hx .crow.is-unread .crow__name { font-weight: 600; }
.hx .crow__last { flex: 1 1 auto; min-width: 0px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 20px; color: var(--c-mute); }
.hx .crow.is-unread .crow__last { color: var(--c-text); }
.hx .crow__last em { font-style: normal; font-weight: 500; color: var(--c-text); }
.hx .crow__last i { font-style: italic; }
.hx .crow__last .cst { margin-right: 3px; }
.hx .crow__n { flex: 0 0 auto; display: grid; place-items: center; min-width: 20px; height: 20px; padding: 0px 6px; border-radius: 10px; background: var(--c-green); color: rgb(255, 255, 255); font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; }
.hx .cnone { margin: 40px 24px; text-align: center; font-size: 14px; line-height: 20px; color: var(--c-mute); }
.hx .cst { display: inline-flex; vertical-align: -1px; color: var(--c-mute); }
.hx .cst[data-st="read"] { color: rgb(0, 175, 214); }
.hx .ctick { width: 16px; height: 11px; }
.hx .ctick--2 { width: 19px; }
.hx .cfab { position: absolute; right: 20px; bottom: max(24px, calc(env(safe-area-inset-bottom) + 12px)); z-index: 1; display: grid; place-items: center; width: 60px; height: 60px; padding: 0px; border: 0px; border-radius: 50%; background: var(--c-fab); color: rgb(255, 255, 255); box-shadow: rgba(31, 81, 91, 0.35) 0px 6px 16px -4px; cursor: pointer; transition: transform 220ms var(--spring-bounce, ease); }
.hx .cfab svg { width: 28px; height: 28px; }
.hx .cfab:active { transform: scale(0.92); }
.hx .cnew { position: absolute; inset: 0px; z-index: 2; display: flex; flex-direction: column; background: rgb(255, 255, 255); }
.hx .cnew[hidden] { display: none; }
.hx .cnew__rows { padding-bottom: 24px; }
.hx .cnew__l { margin: 0px; padding: 16px 16px 4px; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; color: rgb(131, 157, 141); }
.hx .cconv { position: relative; flex: 1 1 auto; min-width: 0px; min-height: 0px; display: flex; flex-direction: column; overflow: hidden; background: url("assets/hx/img/chat-wallpaper.svg") 0px 0px / 270px 270px repeat rgb(216, 237, 235); }
.hx .cconv__empty { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 24px; text-align: center; }
.hx .cconv__empty[hidden] { display: none; }
.hx .cconv__art { display: grid; place-items: center; width: 112px; height: 112px; margin-bottom: 12px; border-radius: 50%; background: rgb(255, 255, 255); color: var(--c-chip); box-shadow: rgba(31, 81, 91, 0.3) 0px 6px 24px -8px; }
.hx .cconv__art svg { width: 52px; height: 52px; }
.hx .cconv__empty h3 { margin: 0px; font-size: 20px; font-weight: 500; color: var(--c-ink); }
.hx .cconv__empty p { margin: 0px; font-size: 14px; line-height: 20px; color: var(--c-text); }
.hx .cconv__bar { position: relative; z-index: 3; flex: 0 0 auto; display: flex; align-items: center; gap: 12px; height: 72px; padding: env(safe-area-inset-top) 12px 0 20px; box-sizing: content-box; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 0px, rgba(0, 0, 0, 0.08) 0px 2px 8px -4px; }
.hx .cconv__bar[hidden] { display: none; }
.hx .cconv__back { display: none; }
.hx .cconv__who { flex: 1 1 auto; min-width: 0px; display: flex; align-items: center; gap: 12px; }
.hx .cconv__txt { min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
.hx .cconv__txt b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; font-weight: 500; line-height: 24px; color: var(--c-text); }
.hx .cconv__txt small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 18px; color: var(--c-mute); }
.hx .cconv__txt small.is-on { color: rgb(78, 172, 210); }
.hx .cav--md { width: 48px; height: 48px; }
.hx .cav--xs { width: 30px; height: 30px; font-size: 11px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 1.5px; }
.hx .cav, .hx .cav--xs { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgba(31, 65, 91, 0.14) 0px 0px 0px 3px; }
.hx .cmore { position: relative; flex: 0 0 auto; display: grid; place-items: center; width: 40px; height: 40px; padding: 0px; border: 0px; border-radius: 50%; background: none; color: var(--c-text); cursor: pointer; }
.hx .cmore svg { width: 22px; height: 22px; }
.hx .cmore:active { transform: scale(0.92); }
.hx .cmenu, .hx .catt { position: absolute; z-index: 6; display: flex; flex-direction: column; min-width: 220px; padding: 6px; border-radius: 12px; background: rgb(255, 255, 255); box-shadow: rgba(16, 45, 52, 0.35) 0px 16px 40px -10px, rgba(0, 0, 0, 0.06) 0px 0px 0px 0.5px; animation: ffpop-in 200ms var(--spring-smooth, ease); }
.hx .cmenu { top: calc(100% - 6px); right: 12px; }
.hx .cmenu[hidden], .hx .catt[hidden] { display: none; }
.hx .cmenu button, .hx .catt button { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 0px 12px; border: 0px; border-radius: 8px; background: none; text-align: left; font-size: 16px; color: var(--c-text); cursor: pointer; }
.hx .catt { bottom: calc(100% + 4px); right: 76px; min-width: 200px; }
.hx .catt span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--k); color: rgb(255, 255, 255); }
.hx .catt span svg { width: 18px; height: 18px; }
.hx .cthread { position: relative; flex: 1 1 auto; min-height: 0px; overflow-y: auto; overscroll-behavior: contain; display: flex; flex-direction: column; padding: 8px clamp(12px, 4%, 48px) 20px; outline: none; }
.hx .cthread[hidden] { display: none; }
.hx .cthread > :first-child { margin-top: auto; }
.hx .cday { position: sticky; top: 8px; z-index: 2; display: flex; justify-content: center; margin: 14px 0px 6px; pointer-events: none; }
.hx .cday span { padding: 5px 12px; border-radius: 8px; background: rgba(255, 255, 255, 0.95); box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 1px; font-size: 12px; font-weight: 500; color: var(--c-text); }
.hx .cday--hello { position: static; margin: auto 0px; }
.hx .cmsg { display: flex; align-items: flex-start; gap: 10px; margin-top: 4px; }
.hx .cmsg.is-first { margin-top: 12px; }
.hx .cmsg.is-mine { flex-direction: row-reverse; }
.hx .cmsg.has-rx { margin-bottom: 22px; }
.hx .cmsg__face { flex: 0 0 auto; width: 30px; }
.hx .cmsg__b { position: relative; min-width: 0px; max-width: min(78%, 540px); padding: 8px 12px; border-radius: 10px; background: rgb(255, 255, 255); color: rgb(74, 86, 81); box-shadow: rgba(11, 20, 26, 0.1) 0px 1px 0.5px; transition: transform 160ms; user-select: none; }
.hx .cmsg.is-mine .cmsg__b { background: rgb(45, 80, 90); color: rgb(255, 255, 255); }
.hx .cmsg.is-held .cmsg__b { transform: scale(0.98); box-shadow: rgba(0, 175, 214, 0.35) 0px 0px 0px 3px; }
.hx .cmsg.is-first .cmsg__b { border-top-left-radius: 0px; }
.hx .cmsg.is-first.is-mine .cmsg__b { border-top-left-radius: 10px; border-top-right-radius: 0px; }
.hx .cmsg.is-first .cmsg__b::before { content: ""; position: absolute; top: 0px; left: -8px; width: 9px; height: 12px; background: inherit; clip-path: polygon(0px 0px, 100% 0px, 100% 100%); }
.hx .cmsg.is-first.is-mine .cmsg__b::before { left: auto; right: -8px; clip-path: polygon(0px 0px, 100% 0px, 0px 100%); }
.hx .cmsg__t { margin: 0px; font-size: 16px; line-height: 22px; white-space: pre-wrap; overflow-wrap: anywhere; }
.hx .cmsg__sp { display: inline-block; width: 56px; height: 1px; }
.hx .cmsg__sp--mine { width: 76px; }
.hx .cmsg__meta { position: absolute; right: 10px; bottom: 6px; display: inline-flex; align-items: center; gap: 4px; font-size: 11px; line-height: 14px; color: var(--c-mute); font-variant-numeric: tabular-nums; white-space: nowrap; }
.hx .cmsg.is-mine .cmsg__meta { color: rgba(255, 255, 255, 0.72); }
.hx .cmsg.is-mine .cst { color: rgba(255, 255, 255, 0.6); }
.hx .cmsg.is-mine .cst[data-st="read"] { color: rgb(123, 225, 145); }
.hx .cmsg__b:is(.is-photo, .is-file, .is-voice):not(:has(.cmsg__t)) { padding-bottom: 24px; }
.hx .cmsg__b.is-photo:not(:has(.cmsg__t)) { padding-bottom: 4px; }
.hx .cmsg__meta--on { right: 12px; bottom: 10px; padding: 2px 8px; border-radius: 10px; background: rgba(0, 0, 0, 0.35); color: rgb(255, 255, 255) !important; }
.hx .cmsg__meta--on .cst { color: rgb(255, 255, 255) !important; }
.hx .cq { display: flex; flex-direction: column; gap: 2px; margin: -2px -6px 6px; padding: 8px 10px; border-radius: 6px; background: rgb(242, 242, 242); }
.hx .cq b { font-size: 14px; font-weight: 600; line-height: 18px; color: rgb(31, 65, 91); }
.hx .cq span { align-items: center; gap: 6px; min-width: 0px; overflow: hidden; font-size: 14px; line-height: 19px; color: rgb(107, 119, 114); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.hx .cq span svg { display: inline-block; width: 18px; height: 18px; margin-right: 4px; vertical-align: -4px; }
.hx .cq--mine { background: rgb(38, 68, 76); }
.hx .cq--mine b { color: rgb(245, 215, 110); }
.hx .cq--mine span { color: rgba(255, 255, 255, 0.88); }
.hx .cph { display: block; width: min(340px, 100%); margin: -4px -8px 6px; padding: 0px; border: 0px; border-radius: 8px; overflow: hidden; background: rgba(0, 0, 0, 0.06); cursor: zoom-in; }
.hx .cmsg__b.is-photo { width: min(356px, 100%); }
.hx .cph img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.hx .cfile { display: flex; align-items: center; gap: 10px; min-width: 240px; margin: -2px -6px 6px; padding: 10px 12px; border-radius: 8px; background: rgb(240, 245, 242); }
.hx .cmsg.is-mine .cfile { background: rgb(255, 255, 255); }
.hx .cfile__ico svg { display: block; width: 28px; height: 32px; }
.hx .cfile__txt { min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
.hx .cfile__txt b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 500; color: rgb(68, 84, 74); }
.hx .cfile__txt small { font-size: 12px; color: var(--c-mute); }
.hx .cvo { position: relative; display: grid; grid-template-columns: 44px 1fr; grid-template-rows: auto auto; column-gap: 10px; align-items: center; min-width: 260px; padding: 2px 0px 0px; }
.hx .cvo__play { grid-row: 1 / 3; display: grid; place-items: center; width: 44px; height: 44px; padding: 0px; border: 0px; border-radius: 50%; background: rgb(240, 240, 240); color: rgb(71, 83, 75); cursor: pointer; }
.hx .cvo__play svg { width: 20px; height: 20px; }
.hx .cvo__play:active { transform: scale(0.92); }
.hx .cmsg.is-mine .cvo__play { background: rgba(255, 255, 255, 0.18); color: rgb(255, 255, 255); }
.hx .cvo__w { position: relative; display: flex; align-items: center; gap: 2px; height: 28px; mask: linear-gradient(90deg, #000 var(--p), rgba(0, 0, 0, .4) var(--p)); }
.hx .cvo__w i { flex: 1 1 0px; min-width: 2px; max-width: 3px; border-radius: 2px; background: rgb(185, 192, 189); }
.hx .cvo[style*="--p:0%"] .cvo__w { mask: none; }
.hx .cvo__w .cvo__dot { position: absolute; left: var(--p); top: 50%; flex: 0 0 auto; width: 12px; max-width: none; height: 12px; margin: -6px 0px 0px -6px; border-radius: 50%; background: rgb(98, 186, 113); }
.hx .cmsg.is-mine .cvo__w i { background: rgba(255, 255, 255, 0.85); }
.hx .cmsg.is-mine .cvo__w .cvo__dot { background: rgb(123, 225, 145); }
.hx .cvo__d { font-size: 12px; color: var(--c-mute); font-variant-numeric: tabular-nums; }
.hx .cmsg.is-mine .cvo__d { color: rgba(255, 255, 255, 0.72); }
.hx .crx { position: absolute; left: 12px; bottom: -22px; display: inline-flex; align-items: center; gap: 1px; height: 26px; padding: 0px 8px; border-radius: 13px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 3px; font-size: 14px; line-height: 1; }
.hx .cmsg.is-mine .crx { left: auto; right: 12px; }
.hx .crx b { margin-left: 4px; font-size: 12px; font-weight: 500; color: var(--c-text); }
.hx .creact { position: absolute; z-index: 5; display: flex; align-items: center; gap: 2px; padding: 6px; border-radius: 28px; background: rgb(255, 255, 255); box-shadow: rgba(16, 45, 52, 0.35) 0px 12px 32px -8px, rgba(0, 0, 0, 0.05) 0px 0px 0px 0.5px; }
.hx .creact[hidden] { display: none; }
.hx .creact button { display: grid; place-items: center; width: 42px; height: 42px; padding: 0px; border: 0px; border-radius: 50%; background: none; font-size: 24px; cursor: pointer; transition: transform 160ms var(--spring-bounce, ease); }
.hx .creact button[aria-pressed="true"] { background: rgb(228, 246, 236); }
.hx .creact button:active { transform: scale(1.2); }
.hx .creact .creact__reply { display: flex; width: auto; gap: 6px; margin-left: 4px; padding: 0px 14px 0px 10px; border-radius: 21px; background: rgb(242, 246, 245); font-size: 14px; font-weight: 500; color: var(--c-text); }
.hx .creact__reply svg { width: 18px; height: 18px; }
.hx .cfoot { position: relative; z-index: 3; flex: 0 0 auto; padding: 10px 16px max(12px, env(safe-area-inset-bottom)); background: rgba(240, 245, 243, 0.96); border-top: 1px solid rgba(0, 0, 0, 0.04); }
.hx .cfoot[hidden] { display: none; }
.hx .cquote { display: flex; align-items: flex-start; gap: 8px; margin: 0px 64px 8px 0px; padding: 6px; border-radius: 12px; background: rgb(255, 255, 255); }
.hx .cquote[hidden] { display: none; }
.hx .cquote__body { flex: 1 1 auto; min-width: 0px; }
.hx .cquote__body .cq { margin: 0px; border-left: 4px solid var(--c-chip); }
.hx .cquote__x { flex: 0 0 auto; display: grid; place-items: center; width: 32px; height: 32px; padding: 0px; border: 0px; border-radius: 50%; background: none; color: var(--c-mute); cursor: pointer; }
.hx .cquote__x svg { width: 18px; height: 18px; }
.hx .ccompose { display: flex; align-items: center; gap: 12px; }
.hx .ccompose__f { position: relative; flex: 1 1 auto; min-width: 0px; display: flex; align-items: center; height: 52px; padding: 0px 6px 0px 20px; border-radius: 26px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 2px; }
.hx .ccompose__f:focus-within { box-shadow: rgba(0, 175, 214, 0.45) 0px 0px 0px 2px; }
.hx .ccompose__f input { flex: 1 1 auto; min-width: 0px; height: 100%; padding: 0px; border: 0px; outline: 0px; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 16px; color: var(--c-ink); caret-color: var(--c-chip); }
.hx .ccompose__f input::placeholder { color: rgb(154, 163, 160); }
.hx .ccompose__clip { flex: 0 0 auto; display: grid; place-items: center; width: 44px; height: 44px; padding: 0px; border: 0px; border-radius: 50%; background: none; color: rgb(71, 83, 75); cursor: pointer; }
.hx .ccompose__clip svg { width: 22px; height: 22px; transform: rotate(45deg); }
.hx .ccompose.is-rec .ccompose__f { display: none; }
.hx .crec { flex: 1 1 auto; display: flex; align-items: center; gap: 10px; height: 52px; padding: 0px 16px 0px 6px; border-radius: 26px; background: rgb(255, 255, 255); }
.hx .crec[hidden] { display: none; }
.hx .crec__x { display: grid; place-items: center; width: 40px; height: 40px; padding: 0px; border: 0px; border-radius: 50%; background: none; color: rgb(229, 72, 77); cursor: pointer; }
.hx .crec__x svg { width: 20px; height: 20px; }
.hx .crec__dot { width: 10px; height: 10px; border-radius: 50%; background: rgb(229, 72, 77); animation: 1s ease-in-out 0s infinite normal none running crec-blink; }
@keyframes crec-blink { 
  50% { opacity: 0.25; }
}
.hx .crec__t { font-size: 16px; font-weight: 500; color: var(--c-text); font-variant-numeric: tabular-nums; }
.hx .crec__hint { font-size: 14px; color: var(--c-mute); }
.hx .ccompose__go { flex: 0 0 auto; display: grid; place-items: center; width: 52px; height: 52px; padding: 0px; border: 0px; border-radius: 50%; background: var(--c-fab); color: rgb(255, 255, 255); cursor: pointer; box-shadow: rgba(31, 81, 91, 0.35) 0px 4px 12px -4px; transition: transform 200ms var(--spring-bounce, ease); }
.hx .ccompose__go svg { width: 24px; height: 24px; }
.hx .ccompose__go:active { transform: scale(0.9); }
.hx .ctoast { position: absolute; left: 50%; bottom: 96px; z-index: 7; margin: 0px; padding: 10px 16px; border-radius: 10px; background: rgba(31, 49, 54, 0.92); color: rgb(255, 255, 255); font-size: 14px; transform: translateX(-50%); white-space: nowrap; pointer-events: none; animation: 200ms ease 0s 1 normal none running ffpop-in; }
.hx .ctoast[hidden] { display: none; }
.hx .clight { position: absolute; inset: 0px; z-index: 9; display: grid; place-items: center; padding: 48px; background: rgba(10, 20, 24, 0.88); cursor: zoom-out; }
.hx .clight[hidden] { display: none; }
.hx .clight img { max-width: 100%; max-height: 100%; border-radius: 8px; object-fit: contain; box-shadow: rgba(0, 0, 0, 0.4) 0px 20px 60px; }
.hx .clight__x { position: absolute; top: max(16px, env(safe-area-inset-top)); right: 16px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0px; border: 0px; border-radius: 50%; background: rgba(255, 255, 255, 0.14); color: rgb(255, 255, 255); cursor: pointer; }
.hx .clight__x svg { width: 22px; height: 22px; }
.hx .crow__mute { flex: 0 0 auto; display: grid; color: var(--c-mute); }
.hx .crow__mute svg { width: 16px; height: 16px; }
.hx .mhint { position: relative; flex: 0 0 auto; pointer-events: auto; display: inline-flex; align-items: center; gap: var(--s2); height: var(--qa-h); max-width: 160px; padding: 0px 16px; border: 0px; border-radius: var(--r-pill, 100px); overflow: hidden; background: var(--glass-fill); color: var(--c-black, #000); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: var(--fs-body); font-weight: 600; white-space: nowrap; cursor: pointer; backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-lift)); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25), inset 0 1px 0 0 var(--glass-spec), inset 0 -1px 0 0 var(--glass-bounce),
              inset 0 0 0 1px var(--glass-rim), inset 0 -6px 12px -6px var(--glass-depth); transition: max-width 420ms var(--spring-smooth, cubic-bezier(.32, .72, 0, 1)), padding 420ms var(--spring-smooth, ease),
              margin 420ms var(--spring-smooth, ease), opacity 220ms ease, box-shadow 220ms ease, transform 200ms ease; -webkit-tap-highlight-color: transparent; }
.hx .mhint.is-compact .mhint__n { display: none; }
.hx .mhint.is-compact { padding: 0px 16px; }
.hx .mhint.is-off { max-width: 0px; padding: 0px; margin-right: calc(-1 * var(--s3)); opacity: 0; box-shadow: none; pointer-events: none; }
.hx .mhint:active { transform: scale(0.95); }
.hx .mhint:focus-visible { outline: 3px solid var(--ui-link); outline-offset: 3px; }
.hx .mhint__chev { display: block; flex: 0 0 auto; animation: 1.6s cubic-bezier(0.45, 0, 0.55, 1) 0s infinite normal none running mhint-chev; }
@keyframes mhint-chev { 
  0%, 100% { transform: translateY(-2px); opacity: 0.6; }
  50% { transform: translateY(2px); opacity: 1; }
}
.hx .mhint__n { letter-spacing: 0px; }
.hx .qa.is-open .mhint, .hx .qa.is-kb .mhint, .hx.is-editing .mhint, .hx.dpop-open .mhint, .hx.v2ctx-open .mhint { max-width: 0px; padding: 0px; margin-right: calc(-1 * var(--s3)); opacity: 0; box-shadow: none; pointer-events: none; }
.hx.is-editing .mhint { display: none; }
.hx .qtop { position: absolute; left: 50%; bottom: calc(var(--qa-b) + var(--qa-row-h) + 12px); z-index: 1; display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0px 14px 0px 10px; border: 0px; border-radius: var(--r-pill, 100px); pointer-events: auto; background: var(--glass-fill); color: var(--c-black, #000); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 600; white-space: nowrap; cursor: pointer; backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-lift)); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25), inset 0 1px 0 0 var(--glass-spec), inset 0 -1px 0 0 var(--glass-bounce),
              inset 0 0 0 1px var(--glass-rim), inset 0 -6px 12px -6px var(--glass-depth); transform: translate(-50%, 0px); opacity: 1; transition: opacity 220ms ease, transform 420ms var(--spring-smooth, cubic-bezier(.32, .72, 0, 1)); -webkit-tap-highlight-color: transparent; }
.hx .qtop svg { flex: 0 0 auto; width: 18px; height: 18px; }
.hx .qtop::after { content: ""; position: absolute; inset: -4px -6px; }
.hx .qtop.is-off, .hx .qa.is-open .qtop, .hx .qa.is-closing .qtop, .hx .qa.is-kb .qtop, .hx.is-editing .qtop, .hx.dpop-open .qtop, .hx.v2ctx-open .qtop, .hx.is-fpage .qtop { opacity: 0; transform: translate(-50%, 10px) scale(0.92); pointer-events: none; }
.hx .qtop:active { transform: translate(-50%, 0px) scale(0.95); }
.hx .qtop:focus-visible { outline: 3px solid var(--ui-link); outline-offset: 3px; }
.hx .v2seg { position: relative; display: inline-flex; gap: 2px; max-width: 100%; margin: 0px 0px 6px; padding: 3px; border-radius: 12px; background: rgba(31, 65, 91, 0.06); overflow-x: auto; scrollbar-width: none; }
.hx .v2seg::-webkit-scrollbar { display: none; }
.hx .v2seg__thumb { position: absolute; top: 3px; bottom: 3px; left: 0px; width: 0px; border-radius: 10px; background: rgb(255, 255, 255); box-shadow: rgba(31, 65, 91, 0.12) 0px 1px 3px, rgba(31, 65, 91, 0.1) 0px 3px 8px -2px; transition: transform 420ms var(--spring-smooth, ease), width 420ms var(--spring-smooth, ease); }
.hx .v2seg__opt { position: relative; z-index: 1; flex: 0 0 auto; min-height: 38px; padding: 0px 14px; border: 0px; border-radius: 10px; background: none; color: var(--ink-head); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13.5px; font-weight: 550; white-space: nowrap; cursor: pointer; transition: color 220ms ease, transform 260ms var(--spring-bounce, ease); -webkit-tap-highlight-color: transparent; }
.hx .v2seg__opt::after { content: ""; position: absolute; inset: -3px 0px; }
.hx .v2seg__opt:active { transform: scale(0.95); }
.hx .v2seg__opt[aria-pressed="true"] { color: var(--ink); font-weight: 650; }
.hx .v2seg__opt b { font-weight: 650; color: var(--ink-mute); font-variant-numeric: tabular-nums; }
.hx .v2seg__opt[aria-pressed="true"] b { color: var(--c-tertiary); }
.hx[data-home="v2"] .obs[hidden] { display: none; }
.hx[data-home="v2"] .obs.is-ack { opacity: 0.62; }
.hx .v2ctx-veil { position: fixed; inset: 0px; z-index: 85; background: rgba(16, 45, 52, 0.18); backdrop-filter: blur(12px); opacity: 0; pointer-events: none; transition: opacity 240ms; }
.hx.v2ctx-open .v2ctx-veil { opacity: 1; pointer-events: auto; }
.hx .v2ctx-lift { z-index: 86; pointer-events: none; transition: transform 460ms var(--spring-bounce, ease); position: fixed !important; margin: 0px !important; box-shadow: rgba(16, 45, 52, 0.42) 0px 30px 70px -20px !important; }
.hx .v2ctx-menu { position: fixed; z-index: 87; width: 240px; padding: 6px; border-radius: 12px; background: rgba(255, 255, 255, 0.94); backdrop-filter: blur(24px); box-shadow: rgba(16, 45, 52, 0.42) 0px 30px 70px -20px; transform: scale(0.6); opacity: 0; pointer-events: none; transition: transform 380ms var(--spring-bounce, ease), opacity 180ms ease; }
.hx.v2ctx-open .v2ctx-menu { transform: none; opacity: 1; pointer-events: auto; }
.hx .v2ctx-menu button { display: block; width: 100%; min-height: 44px; padding: 0px 12px; border: 0px; border-radius: 10px; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14.5px; color: var(--ink); text-align: left; cursor: pointer; }
.hx .v2ctx-menu button:hover { background: rgba(31, 65, 91, 0.06); }
.hx .v2ctx-menu button + button { border-radius: 0px; box-shadow: rgba(31, 65, 91, 0.09) 0px 1px 0px inset; }
.hx .v2-arrive { opacity: 0; transform: translateY(22px); }
.hx .v2-arrive.is-arrived { opacity: 1; transform: none; transition: opacity 520ms ease, transform 720ms var(--spring-smooth, ease); }
.hx[data-home="v2"] body { background: rgb(255, 255, 255); }
.hx[data-home="v2"] :is(.life-band, .clock, .v2seg, .avatar-btn__badge, .hero__veil, .obs__glow, .obs__flat-txt) { display: none; }
.hx[data-home="v2"] :is(.fav__title, .obs-head__title, .section-head--home .section-head__title, #obsTitle, #reportsTitle, #modulesTitle) { font-size: 16px; font-weight: 500; letter-spacing: 0px; line-height: normal; color: var(--c-on-surface-var, #44544A); }
.hx[data-home="v2"] .home-header { background: rgba(175, 239, 235, 0.5); }
.hx[data-home="v2"] .home-header { padding: 40px 24px 24px; gap: 24px; }
.hx[data-home="v2"] .greeting { gap: 4px; }
.hx[data-home="v2"] .greeting__word { font-family: var(--font-num); font-weight: 400; font-size: 16px; line-height: normal; color: var(--c-on-surface-var, #44544A); }
.hx[data-home="v2"] .greeting__name { font-size: 28px; font-weight: 600; line-height: normal; letter-spacing: -0.28px; color: var(--c-on-secondary-ctr, #1F415B); }
.hx[data-home="v2"] .greeting .greeting__wave { display: inline-block; line-height: 0; }
.hx[data-home="v2"] .header-actions { gap: 12px; }
.hx[data-home="v2"] .icon-btn--bell { width: 38px; height: 38px; border-radius: 12px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) 0px 1.188px 9.5px; }
.hx[data-home="v2"] .icon-btn--bell img { content: url("assets/hx/icon/v2-bell.svg"); width: 18.33px; height: 20px; }
.hx[data-home="v2"] .search-row { gap: 8px; background: linear-gradient(rgba(175, 239, 235, 0.5), rgba(175, 239, 235, 0.5)) 0px 10px / 100% calc(100% - 20px) no-repeat; }
.hx[data-home="v2"] .search-row.is-stuck { background: none; }
.hx[data-home="v2"] .search-row:not(.is-stuck) .search-row__profile { margin-left: -8px; }
.hx[data-home="v2"] .search { height: 52px; padding: 0px 24px; gap: 16px; border-radius: 12px; background: rgb(255, 255, 255); box-shadow: none; }
.hx[data-home="v2"] .search__icon { content: url("assets/hx/icon/v2-search.svg"); width: 22px; height: 22px; }
.hx[data-home="v2"] :is(.search__input, .search__hint) { font-size: 16px; line-height: normal; }
.hx[data-home="v2"] .search__hint { color: var(--c-neutral-2, #7A8684); }
.hx[data-home="v2"] .search-btn { width: 52px; height: 52px; border-radius: 16px; box-shadow: none; }
.hx[data-home="v2"] .search-btn__icon { content: url("assets/hx/icon/v2-scan.svg"); width: 20px; height: 20px; }
.hx[data-home="v2"] .main-frame { padding-top: 16px; }
.hx[data-home="v2"] .fav-band:not([hidden]) { margin: -16px calc(var(--pad-page) * -1) 0; padding: 32px var(--pad-page) 20px; gap: 16px; border-radius: 0px 0px 20px 20px; background: rgba(175, 239, 235, 0.5); }
.hx[data-home="v2"] .fav__head { align-items: center; height: 20px; }
.hx[data-home="v2"] .fav__edit { display: inline-flex; align-items: center; gap: 4px; height: 20px; font-size: 16px; line-height: normal; color: var(--c-on-surface-var, #44544A); }
.hx[data-home="v2"] .fav__edit::before { content: ""; order: 2; width: 18px; height: 18px; background: currentcolor; mask: url("assets/hx/icon/v2-pencil.svg") center center / 18px 18px no-repeat; }
.hx[data-home="v2"] .fav__rail { --fav-w: 148px; --fav-h: 158px; gap: 8px; margin: 0 calc(var(--pad-page) * -1) 0 0; padding: 0px; }
.hx[data-home="v2"] .fav__card { width: 148px; height: 158px; border-radius: 12px; box-shadow: none; }
.hx[data-home="v2"] .fav__name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx[data-home="v2"] .fav__item:not(:only-child) > .fav__card--add { display: none; }
.hx[data-home="v2"] .obs-band { margin: 16px -8px 0px; padding: 24px 0px; border-radius: 12px; overflow: hidden; background: linear-gradient(rgba(31, 81, 91, 0.12) 0%, rgba(230, 230, 230, 0.12) 197.3%); }
.hx[data-home="v2"] .obs-band .obs-head { height: 19px; margin: 0px 24px 16px; }
.hx[data-home="v2"] .obs-head__all { gap: 4px; height: 18px; font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: 0.1px; color: var(--c-on-surface-var, #44544A); }
.hx[data-home="v2"] .obs-head__all img { width: 16px; height: 16px; }
.hx[data-home="v2"] .obs-rail { gap: 12px; margin: 0px; padding: 0px 24px; scroll-padding-left: 24px; }
.hx .kins { margin: 16px -8px 0px; padding: 24px 16px; border-radius: 12px; overflow: hidden; background: rgb(232, 244, 242); }
.hx .kins__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0px 0px 16px; }
.hx .kins__title { margin: 0px; font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: 0px; color: var(--c-on-surface-var, #44544A); white-space: nowrap; }
.hx .kins__filter { position: relative; flex: 0 0 auto; display: flex; align-items: center; padding: 2px; border-radius: 8px; background: rgba(0, 0, 0, 0.05); overflow: clip; }
.hx .kins__tab { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 52px; padding: 6px 0px; border: 0px; border-radius: 6px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 12px; font-weight: 400; line-height: normal; color: var(--c-on-surface-var, #44544A); text-align: center; white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.hx .kins__tab[data-r="today"], .hx .kins__tab[data-r="w"] { padding: 8px 0px; }
.hx .kins__tab[aria-pressed="true"] { background: rgb(255, 255, 255); color: var(--c-on-surface-var, #44544A); }
.hx .kins__tab :is(img, svg) { display: block; flex: 0 0 auto; width: 18px; height: 18px; }
.hx .kins__span { display: none; }
.hx .kins__tab--cal.has-span { width: auto; gap: 6px; padding-inline: 10px; }
.hx .kins__tab--cal.has-span .kins__span { display: inline; }
.hx .gsx-sheet.kcal { width: min(760px, 100% - 32px); max-height: min(88dvh, 720px); }
.hx .kcal { font-family: var(--font); }
.hx .kcal .gsx-sheet__head { padding-bottom: 12px; box-shadow: none; align-items: center; }
.hx .kcal .gsx-sheet__title { font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: 0px; color: rgb(68, 84, 74); }
.hx .gsx-sheet.kcal .gsx-sheet__body { display: flex; flex-direction: column; gap: 16px; padding: 0px 20px; overflow-y: auto; overscroll-behavior: contain; }
.hx .kcal__ends { flex: 0 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border-radius: 12px; background: rgba(0, 0, 0, 0.05); }
.hx .kcal__end { display: grid; gap: 2px; padding: 8px 12px; border: 0px; border-radius: 9px; background: none; font: inherit; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.hx .kcal__end small { font-size: 12px; font-weight: 400; line-height: normal; color: rgb(122, 134, 132); }
.hx .kcal__end b { font-size: 14px; font-weight: 600; line-height: normal; color: rgb(68, 84, 74); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .kcal__end[aria-pressed="true"] { background: rgb(255, 255, 255); box-shadow: rgba(31, 65, 91, 0.12) 0px 1px 3px; }
.hx .kcal__end:focus-visible, .hx .kcal__d:focus-visible, .hx .kcal__nav:focus-visible, .hx .kcal__apply:focus-visible { outline: 2px solid var(--c-add-primary, #00AFD6); outline-offset: 2px; }
.hx .kcal__cal { position: relative; flex: 0 0 auto; }
.hx .kcal__months { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 32px; }
.hx .kcal__mt { margin: 0px 0px 12px; height: 36px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; line-height: normal; color: rgb(68, 84, 74); }
.hx .kcal__nav { position: absolute; top: 0px; z-index: 1; display: grid; place-items: center; width: 36px; height: 36px; padding: 0px; border: 0px; border-radius: 18px; background: none; color: rgb(68, 84, 74); cursor: pointer; }
.hx .kcal__nav[data-nav="-1"] { left: 0px; }
.hx .kcal__nav[data-nav="1"] { right: 0px; }
.hx .kcal__nav:disabled { color: rgb(201, 209, 206); cursor: default; }
.hx .kcal__wd, .hx .kcal__grid { display: grid; grid-template-columns: repeat(7, 1fr); }
.hx .kcal__wd span { height: 28px; display: grid; place-items: center; font-size: 12px; font-weight: 500; color: rgb(122, 134, 132); }
.hx .kcal__grid { row-gap: 4px; }
.hx .kcal__d { position: relative; height: 40px; padding: 0px; border: 0px; background: none; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 400; color: rgb(68, 84, 74); font-variant-numeric: tabular-nums; cursor: pointer; -webkit-tap-highlight-color: transparent; isolation: isolate; }
.hx .kcal__d::after { content: ""; position: absolute; z-index: -1; inset: 0px; margin: auto; width: 40px; height: 40px; border-radius: 50%; }
.hx .kcal__d.is-today::after { box-shadow: rgb(169, 184, 179) 0px 0px 0px 1px inset; }
.hx .kcal__d.is-in { background: rgb(232, 244, 242); }
.hx .kcal__grid > .kcal__d.is-in:nth-child(7n+1) { border-radius: 20px 0px 0px 20px; }
.hx .kcal__grid > .kcal__d.is-in:nth-child(7n) { border-radius: 0px 20px 20px 0px; }
.hx .kcal__d.is-edge.is-a { background: linear-gradient(90deg, transparent 50%, rgb(232, 244, 242) 50%); }
.hx .kcal__d.is-edge.is-b { background: linear-gradient(90deg, rgb(232, 244, 242) 50%, transparent 50%); }
.hx .kcal__d:is(.is-a, .is-b) { color: rgb(255, 255, 255); font-weight: 600; }
.hx .kcal__d:is(.is-a, .is-b)::after { background: rgb(31, 65, 91); box-shadow: none; }
.hx .kcal__d:disabled { color: rgb(201, 209, 206); cursor: default; }
.hx .kcal__foot { flex: 0 0 auto; position: sticky; bottom: 0px; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0px -20px; padding: 12px 20px max(16px, env(safe-area-inset-bottom)); border-top: 1px solid rgba(68, 84, 74, 0.08); background: rgb(255, 255, 255); }
.hx .kcal__n { font-size: 14px; font-weight: 400; color: rgb(122, 134, 132); }
.hx .kcal__apply { min-width: 120px; height: 44px; padding: 0px 24px; border: 0px; border-radius: 22px; background: rgb(31, 65, 91); color: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.hx .kcal__apply:disabled { background: rgb(201, 209, 206); cursor: default; }
.hx .kins__tab:focus-visible { outline: 2px solid var(--c-add-primary, #00AFD6); outline-offset: -2px; }
.hx .kins__rule { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 0px; height: 16px; }
.hx .kins__rule img { flex: 0 0 auto; display: block; width: 16px; height: 1px; rotate: 90deg; }
.hx .kins__date { position: absolute; right: 0px; bottom: 0px; width: 1px; height: 1px; padding: 0px; border: 0px; opacity: 0; pointer-events: none; }
.hx .kins__rail { display: flex; gap: 12px; margin: 0px -16px; padding: 0px 16px; overflow-x: auto; scroll-snap-type: x; scroll-padding-inline: 16px; scrollbar-width: none; overscroll-behavior-x: contain; }
.hx .kins__rail::-webkit-scrollbar { display: none; }
.hx .kins__card { position: relative; flex: 0 0 auto; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; width: 297px; height: 430px; border-radius: 12px; overflow: clip; scroll-snap-align: start; }
.hx :is(.kins__card, .kins__tile, .ksx)[data-k="natality"] { --k-ink: #24BAB2; --k-head: linear-gradient(117.72deg, rgb(92, 214, 206) 6%, rgb(84, 210, 202) 15.8%, rgb(76, 206, 198) 25.6%, rgb(68, 202, 194) 35.3%, rgb(60, 198, 190) 45.1%, rgb(52, 194, 186) 54.9%, rgb(44, 190, 182) 64.7%, rgb(36, 186, 178) 74.4%, rgb(36, 186, 178) 84.2%, rgb(36, 186, 178) 94%); }
.hx :is(.kins__card, .kins__tile, .ksx)[data-k="mortality"] { --k-ink: #FB8066; --k-head: linear-gradient(117.46deg, rgb(251, 153, 132) 6%, rgb(251, 149, 128) 15.8%, rgb(251, 146, 123) 25.6%, rgb(251, 143, 119) 35.3%, rgb(251, 139, 115) 45.1%, rgb(251, 135, 111) 54.9%, rgb(251, 132, 107) 64.7%, rgb(251, 128, 102) 74.4%, rgb(251, 128, 102) 84.2%, rgb(251, 128, 102) 94%); }
.hx :is(.kins__card, .kins__tile, .ksx)[data-k="vaccination"] { --k-ink: #FB4364; --k-head: linear-gradient(117.46deg, rgb(255, 104, 131) 6%, rgb(251, 67, 100) 94%); }
.hx :is(.kins__card, .kins__tile, .ksx)[data-k="deworming"] { --k-ink: #006D35; --k-head: linear-gradient(117.46deg, rgb(0, 141, 68) 6%, rgb(0, 109, 53) 94%); }
.hx :is(.kins__card, .kins__tile, .ksx)[data-k="admin"] { --k-ink: #839D8D; --k-head: linear-gradient(117.46deg, rgb(131, 157, 141) 6%, rgb(168, 176, 171) 94%); }
.hx .kins__cap { flex: 0 0 auto; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 12px; border: 0px; background: var(--k-head); font: inherit; color: rgb(255, 255, 255); text-align: left; cursor: pointer; }
.hx .kins__cap:focus-visible { outline: rgb(255, 255, 255) solid 2px; outline-offset: -4px; border-radius: 12px 12px 0px 0px; }
.hx .kins__cap-l { display: flex; align-items: center; gap: 8px; min-width: 0px; }
.hx .kins__card[data-k="natality"] .kins__cap-l { gap: 4px; }
.hx .kins__mark { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 18.691px; height: 18.613px; }
.hx .kins__mark img { display: block; flex: 0 0 auto; }
.hx .kins__card:not([data-k="natality"]) .kins__mark img { rotate: 44.67deg; }
.hx .kins__card[data-k="natality"] .kins__mark { box-sizing: content-box; width: 13.461px; height: 18.154px; padding: 0px 3.026px 0px 1.513px; }
.hx .kins__name { min-width: 0px; overflow: hidden; text-overflow: ellipsis; font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: 0.1px; color: rgb(255, 255, 255); white-space: nowrap; }
.hx .kins__chev { flex: 0 0 auto; display: block; width: 16px; height: 16px; }
.hx .kins__body { position: relative; flex: 1 1 0px; box-sizing: border-box; display: flex; flex-direction: column; width: 100%; min-height: 0px; padding: 8px 16px 16px; border-radius: 0px 0px 12px 12px; background: rgb(255, 255, 255); overflow: clip; }
.hx .kins__card[data-k="natality"] .kins__body { border-width: 0px 0.5px 0.5px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(106, 220, 226); border-bottom-color: rgb(106, 220, 226); border-left-color: rgb(106, 220, 226); border-image: initial; border-top-style: initial; border-top-color: initial; }
.hx .kins__none { padding: 24px 8px; font-size: 13px; line-height: 18px; text-align: center; color: var(--c-neutral-2, #7A8684); }
.hx .kins__list { flex: 1 1 auto; min-height: 0px; margin: 0px; padding: 0px; list-style: none; display: flex; flex-direction: column; gap: 8px; overflow-y: auto; scrollbar-width: none; }
.hx .kins__list::-webkit-scrollbar { display: none; }
.hx .kins__list:focus-visible { outline: 2px solid var(--k-ink); outline-offset: 2px; border-radius: 6px; }
.hx .kins__row { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; padding-bottom: 8px; box-shadow: rgba(0, 0, 0, 0.05) 0px -0.5px 0px inset; }
.hx .kins__row[data-sp] { cursor: pointer; border-radius: 6px; -webkit-tap-highlight-color: transparent; }
.hx .kins__row[data-sp]:active { opacity: 0.7; }
.hx .kins__row[data-sp]:focus-visible { outline: 2px solid var(--k-ink); outline-offset: 2px; }
.hx .kins__av { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 8px; object-fit: cover; background: rgba(31, 65, 91, 0.06); }
.hx .kins__txt { flex: 1 1 0px; min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
.hx .kins__txt b { font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: 0.1px; color: var(--c-on-surface-var, #44544A); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .kins__txt small { font-size: 10px; font-weight: 400; line-height: 16px; color: var(--c-neutral-2, #7A8684); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .kins__n { flex: 0 0 auto; font-family: 'DM Sans', var(--font); font-size: 16px; font-weight: 600; line-height: normal; font-variation-settings: "opsz" 14; font-variant-numeric: tabular-nums; color: var(--c-on-surface-var, #44544A); text-align: center; white-space: nowrap; }
.hx .kins__rail.kins__tiles { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; margin: 0px; padding: 0px; overflow: visible; scroll-snap-type: none; }
.hx .kins__tile { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 124px; padding: 16px 12px; border: 0px; border-radius: 12px; background: var(--k-head); color: rgb(255, 255, 255); font: inherit; text-align: center; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 160ms; }
.hx .kins__tile:active { transform: scale(0.97); }
.hx .kins__tile:focus-visible { outline: 2px solid var(--k-ink); outline-offset: 3px; }
.hx .kins__tile .kins__mark { margin-bottom: 2px; }
.hx .kins__tile:not([data-k="natality"]) .kins__mark img { rotate: 44.67deg; }
.hx .kins__tname { font-size: 14px; font-weight: 500; line-height: 18px; letter-spacing: 0.1px; }
.hx .kins__total { font-family: 'DM Sans', var(--font); font-size: 32px; font-weight: 600; line-height: 36px; font-variant-numeric: tabular-nums; }
.hx .kins__when { font-size: 12px; line-height: 16px; opacity: 0.85; }
.hx .ksx .kins__list--sheet { overflow: visible; gap: 8px; padding: 4px 0px 8px; }
.hx .ksx .kins__row { padding-bottom: 10px; }
.hx .ksx .kins__av { width: 40px; height: 40px; }
.hx .ksx .gsx-sheet__foot { display: flex; justify-content: flex-end; }
.hx .kins__thumb { position: absolute; right: 0px; top: 0px; width: 3px; height: 52px; border-radius: 2px 0px 0px 2px; background: rgb(217, 217, 217); pointer-events: none; opacity: 0; transition: opacity 200ms; }
.hx .kins__card.is-scrollable .kins__thumb { opacity: 1; }
.hx[data-home="v2"] .obs { --obs-w: 290px; height: auto; border-radius: 12px; box-shadow: none; border: 0.5px solid rgba(0, 0, 0, 0.05); }
.hx[data-home="v2"] .obs__media { aspect-ratio: auto; height: 209px; }
.hx[data-home="v2"] .obs__media::after { content: ""; position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: linear-gradient(rgba(255, 255, 255, 0.2) 14.89%, rgba(0, 0, 0, 0.2) 46.67%); }
.hx[data-home="v2"] .obs__pri { top: 16px; right: 16px; width: 28px; height: 28px; padding: 2px; box-shadow: none; }
.hx[data-home="v2"] .obs__strip { padding: 0px 12px 12px; }
.hx[data-home="v2"] .obs__entity { gap: 10px; padding: 8px; border-radius: 8px; background: rgb(241, 238, 234); backdrop-filter: none; box-shadow: none; }
.hx[data-home="v2"] .obs:has(.obs__flat) .obs__entity { background: color-mix(in srgb, var(--obs-slab) 28%, #fff); }
.hx[data-home="v2"] .obs__thumb { border-radius: 6px; }
.hx[data-home="v2"] .obs__ident { gap: 4px; }
.hx[data-home="v2"] :is(.obs__aaid, .obs__aname, .obs__more) { color: var(--c-on-secondary-ctr, #1F415B); line-height: normal; }
.hx[data-home="v2"] .obs__aaid { font-size: 14px; font-weight: 500; letter-spacing: 0.1px; }
.hx[data-home="v2"] .obs__aname { font-size: 12px; font-weight: 400; }
.hx[data-home="v2"] .obs__more { margin-left: 4px; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; }
.hx[data-home="v2"] .obs__body { flex: 1 1 auto; display: flex; flex-direction: column; gap: 0px; padding: 12px; box-shadow: rgba(76, 78, 100, 0.05) 0px 2px 10px; }
.hx[data-home="v2"] .obs__title-row { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.hx[data-home="v2"] .obs__title { font-size: 16px; font-weight: 600; line-height: normal; letter-spacing: 0px; color: var(--c-on-secondary-ctr, #1F415B); }
.hx[data-home="v2"] .obs__tags { display: block; margin-top: 4px; padding-bottom: 8px; border-bottom: 0.5px solid rgba(0, 0, 0, 0.05); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 10px; line-height: 16px; color: var(--c-neutral-2, #7A8684); }
.hx[data-home="v2"] .obs__tags span[aria-hidden] { margin: 0px 6px 0px 0px; font-size: 14px; vertical-align: -1px; }
.hx[data-home="v2"] .obs__tags span:not([aria-hidden]) { margin-right: 8px; }
.hx[data-home="v2"] .obs__note { margin-top: 8px; font-size: 12px; line-height: 18px; -webkit-line-clamp: var(--obs-lines, 4); }
.hx[data-home="v2"] .obs__date { flex: 0 0 auto; font-family: var(--font); font-size: 12px; font-weight: 400; line-height: normal; color: var(--c-neutral-2, #7A8684); }
.hx[data-home="v2"] .obs__actions { gap: 10px; padding: 12px; border-top: 0.5px solid rgba(0, 0, 0, 0.05); font-size: 12px; line-height: normal; }
.hx[data-home="v2"] .obs__who { gap: 4px; }
.hx[data-home="v2"] .obs__av { background: rgba(0, 0, 0, 0.05); color: rgb(31, 81, 91); }
.hx[data-home="v2"] .obs__by { font-weight: 400; color: var(--c-on-surface-var, #44544A); }
.hx[data-home="v2"] .obs__acts { gap: 14px; }
.hx[data-home="v2"] .obs__act { gap: 8px; font-family: var(--font); font-size: 12px; font-weight: 400; line-height: 20px; color: rgba(68, 84, 74, 0.8); }
.hx[data-home="v2"] .obs__ico, .hx[data-home="v2"] .obs__ico img { width: 20px; height: 20px; opacity: 1; }
.hx[data-home="v2"] .obs__act[data-act="like"] .obs__ico img { content: url("assets/hx/icon/v2-like.svg"); }
.hx[data-home="v2"] .obs__act[data-act="comment"] .obs__ico img { content: url("assets/hx/icon/v2-comment.svg"); }
.hx[data-home="v2"] .obs__count { min-width: 18px; }
.hx .obs-next { flex: 0 0 auto; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; width: 290px; height: auto; align-self: stretch; border: 1.5px dashed rgba(31, 81, 91, 0.18); border-radius: 12px; background: rgba(255, 255, 255, 0.5); font-size: 13px; font-weight: 500; color: var(--c-on-surface-var, #44544A); scroll-snap-align: start; }
.hx .obs-next__spin { width: 26px; height: 26px; border-width: 2.5px; border-style: solid; border-color: rgb(31, 81, 91) rgba(31, 81, 91, 0.14) rgba(31, 81, 91, 0.14); border-image: initial; border-radius: 50%; opacity: 0.4; }
.hx .obs-next.is-loading .obs-next__spin { opacity: 1; animation: 0.8s linear 0s infinite normal none running obs-spin; }
@keyframes obs-spin { 
  100% { transform: rotate(360deg); }
}
.hx .obs-next.is-end { border-style: solid; border-color: rgba(0, 0, 0, 0.05); background: rgb(255, 255, 255); }
.hx .obs-next__done { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: rgb(227, 243, 234); color: rgb(0, 109, 53); }
.hx .obs-next__done svg { width: 22px; height: 22px; }
.hx .obs-next b { font-size: 16px; font-weight: 600; color: var(--c-on-secondary-ctr, #1F415B); }
.hx .obs-next.is-end > span:not(.obs-next__done) { font-size: 13px; color: var(--c-neutral-2, #7A8684); }
.hx .obs-next__all { margin-top: 6px; height: 40px; padding: 0px 18px; border: 0px; border-radius: 20px; background: rgb(31, 81, 91); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 600; color: rgb(255, 255, 255); cursor: pointer; }
.hx .obs.is-new { animation: 460ms cubic-bezier(0.32, 0.72, 0, 1) 0s 1 normal both running obs-in; }
@keyframes obs-in { 
  0% { opacity: 0; transform: translateX(28px) scale(0.97); }
  100% { opacity: 1; transform: none; }
}
.hx[data-home="v2"] .modules-band { margin-top: 16px; padding-top: 24px; padding-bottom: 0px; }
.hx[data-home="v2"] #panel-modules { padding-bottom: calc(var(--qa-b) + var(--qa-row-h) + 16px); }
.hx[data-home="v2"] .main-frame, .hx[data-home="v2"] .page { padding-bottom: 0px; }
.hx[data-home="v2"] body:not(.is-editing) .section-head--home { height: 19px; margin: 0px 0px 16px; opacity: 1; overflow: visible; pointer-events: auto; }
.hx[data-home="v2"] .section-head--home .link-btn:not(.link-btn--done) { gap: 12px; color: rgb(0, 109, 53); }
.hx[data-home="v2"] .section-head--home .link-btn:not(.link-btn--done)::before { width: 18px; height: 18px; background: url("assets/hx/icon/v2-pencil.svg") center center / 18px 18px no-repeat; }
.hx[data-home="v2"] #moduleGrid, .hx[data-home="v2"] .hero--estate { --grid-row: calc((100cqw - 48px) / 4 / 1.125); }
.hx[data-home="v2"] .hero--estate { height: var(--grid-row); padding: 2px 24px; border-radius: 12px; box-shadow: none; justify-content: center; gap: 4px; margin-bottom: 16px; }
.hx[data-home="v2"] .hero__media { background-image: url("assets/hx/img/hero-banner-v2.jpg"); background-position: 50% 50%; }
.hx[data-home="v2"] .hero__scrim { background: linear-gradient(rgba(102, 102, 102, 0.08) 0%, rgba(0, 0, 0, 0.32) 53.03%); }
.hx[data-home="v2"] .hero__row--top { height: 44px; }
.hx[data-home="v2"] .hero__mark { width: 44px; height: 44px; }
.hx[data-home="v2"] .hero__mark img { content: url("assets/hx/icon/v2-mark.svg"); width: 38.5px; height: 38.5px; }
.hx[data-home="v2"] .hero__row--foot { flex-direction: column; align-items: flex-start; gap: 2px; padding-right: 0px; }
.hx[data-home="v2"] .hero__title { flex: 0 0 auto; max-width: 604px; font-family: var(--font); font-size: 32px; font-weight: 600; line-height: normal; letter-spacing: 0px; text-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px; }
.hx[data-home="v2"] .hero__sub { display: block; max-width: 412px; font-size: 16px; font-weight: 400; line-height: 20px; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx[data-home="v2"] #moduleGrid .card { border-radius: 12px; }
.hx[data-home="v2"] #moduleGrid .card:is([data-variant="users.default"], [data-variant="security.default"], [data-variant="diet.photo"]) { border-radius: 16px; }
.hx[data-home="v2"] #moduleGrid .card[data-layout="door"] { padding: 16px; }
.hx[data-home="v2"] #moduleGrid .card[data-layout="door"] .l-door { justify-content: space-between; height: 100%; }
.hx[data-home="v2"] #moduleGrid .card[data-layout="door"] .l-door .card__icon { position: static; width: 32px; height: 32px; margin: 0px; }
.hx[data-home="v2"] #moduleGrid .card[data-variant="eggs.default"] .l-door .card__icon { width: 44px; height: 44px; }
.hx[data-home="v2"] #moduleGrid .card[data-layout="door"] .l-door__name { margin: 0px; font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: 0px; color: rgb(255, 255, 255); }
.hx[data-home="v2"] #moduleGrid .card:is([data-variant="medical.default"], [data-variant="housing.default"]) .l-door__name { font-size: 14px; letter-spacing: 0.1px; }
.hx[data-home="v2"] #moduleGrid .card[data-layout="door"] .l-door::after { content: none; }
.hx[data-home="v2"] .card[data-variant="housing.default"] .card__icon img { content: url("assets/hx/icon/v2-housing.svg"); }
.hx[data-home="v2"] .card[data-variant="eggs.default"] .card__icon img { content: url("assets/hx/icon/v2-eggs.svg"); }
.hx[data-home="v2"] .card[data-variant="security.default"] .card__icon img { content: url("assets/hx/icon/v2-security.svg"); }
.hx[data-home="v2"] .card[data-variant="hospital.photo"] .card__icon img { content: url("assets/hx/icon/v2-hospital.svg"); }
.hx[data-home="v2"] #moduleGrid .card[data-layout="photo"] { padding: 16px; }
.hx[data-home="v2"] #moduleGrid .card[data-variant="hospital.photo"] { padding: 17px; }
.hx[data-home="v2"] #moduleGrid .card[data-layout="photo"] .l-photo .card__icon { width: 38px; height: 38px; }
.hx[data-home="v2"] #moduleGrid .card[data-layout="photo"] .card__band { height: 70px; padding: 0px 16px 23px; background: linear-gradient(rgba(255, 255, 255, 0) 5.68%, rgba(58, 58, 58, 0.7) 100%); backdrop-filter: none; }
.hx[data-home="v2"] #moduleGrid .card[data-variant="hospital.photo"] .card__band { padding-left: 18px; }
.hx[data-home="v2"] #moduleGrid .card[data-variant="diet.photo"] .card__band { padding-bottom: 24px; background: linear-gradient(rgba(255, 255, 255, 0) 5.68%, rgba(58, 58, 58, 0.56) 64.48%, rgba(58, 58, 58, 0.56) 100%); }
.hx[data-home="v2"] #moduleGrid .card[data-layout="photo"] .card__band .l-door__name { font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: 0px; }
.hx[data-home="v2"] #moduleGrid .card[data-variant="diet.photo"] .card__band .l-door__name { font-size: 18px; }
.hx[data-home="v2"] #moduleGrid .card[data-variant="species.stats"] { padding: 16px; }
.hx[data-home="v2"] #moduleGrid .card[data-variant="species.stats"]::before { content: ""; position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: linear-gradient(187.1deg, rgba(255, 255, 255, 0) 27.56%, rgba(0, 0, 0, 0.6) 110.96%), rgba(0, 0, 0, 0.2); }
.hx[data-home="v2"] .card[data-variant="species.stats"] .c-head { gap: 10px; margin: 0px; }
.hx[data-home="v2"] .card[data-variant="species.stats"] .c-head__icon, .hx[data-home="v2"] .card[data-variant="species.stats"] .c-head__icon img { width: 24px; height: 24px; }
.hx[data-home="v2"] .card[data-variant="species.stats"] .c-head__text { font-size: 14px; font-weight: 500; letter-spacing: 0.1px; line-height: normal; color: rgb(255, 255, 255); }
.hx[data-home="v2"] .card[data-variant="species.stats"] .l-photo-stat__figures { flex-direction: row; align-items: flex-end; justify-content: space-between; }
.hx[data-home="v2"] .card[data-variant="species.stats"] .figure { gap: 2px; }
.hx[data-home="v2"] .card[data-variant="species.stats"] .figure__value { font-size: 32px; line-height: normal; letter-spacing: 0px; }
.hx[data-home="v2"] .card[data-variant="species.stats"] .figure__label { font-size: 14px; line-height: normal; }
.hx[data-home="v2"] .l-v3ins .l-v3deco-clip { display: none; }
.hx[data-home="v2"] .l-v3ins__head { padding: 8px; }
.hx[data-home="v2"] .l-v3ins__cell { padding: 12px; justify-content: center; gap: 4px; }
.hx[data-home="v2"] .l-v3ins__cell b { line-height: 40px; }
.hx[data-home="v2"] #moduleGrid .card[data-layout="v2-animals"] { padding: 12px; }
.hx .l-v2an { position: relative; z-index: 2; display: flex; flex: 1 1 0px; flex-direction: column; gap: 12px; min-width: 0px; min-height: 0px; color: rgb(255, 255, 255); }
.hx .l-v2an__head { display: flex; align-items: center; gap: 8px; }
.hx .l-v2an__icon, .hx .l-v2an__icon img { display: block; width: 20px; height: 20px; }
.hx .l-v2an__title { flex: 1 1 0px; min-width: 0px; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; line-height: normal; }
.hx .l-v2an__period { display: inline-flex; align-items: center; gap: 4px; padding: 6px 8px; border-radius: 8px; background: rgba(255, 255, 255, 0.25); font-size: 12px; font-weight: 600; line-height: normal; white-space: nowrap; }
.hx .l-v2an__period img { display: block; width: 14px; height: 14px; }
.hx .l-v2an__switch { display: flex; gap: 4px; box-sizing: border-box; height: 39px; padding: 2px; border-radius: 8px; background: rgba(255, 255, 255, 0.25); }
.hx .l-v2an__way { flex: 1 1 0px; display: flex; align-items: center; justify-content: center; padding: 6px 8px; border-radius: 8px; font-size: 12px; font-weight: 400; line-height: normal; white-space: nowrap; }
.hx .l-v2an__way.is-on { border-radius: 6px; background: rgb(255, 255, 255); color: var(--c-on-surface-var, #44544A); }
.hx .l-v2an__list { position: relative; flex: 1 1 0px; display: flex; flex-direction: column; gap: 4px; min-height: 0px; padding: 8px; border-radius: 10px; background: rgb(255, 255, 255); overflow: hidden; }
.hx .l-v2an__row { flex: 0 0 auto; display: flex; align-items: stretch; gap: 8px; padding-bottom: 4px; border-bottom: 0.5px solid rgba(0, 0, 0, 0.1); }
.hx .l-v2an__img { flex: 0 0 auto; width: 44px; border-radius: 8px; object-fit: cover; }
.hx .l-v2an__txt { flex: 1 1 0px; min-width: 0px; display: flex; flex-direction: column; justify-content: center; gap: 2px; color: var(--c-on-surface-var, #44544A); }
.hx .l-v2an__txt b { font-size: 12px; font-weight: 600; line-height: normal; }
.hx .l-v2an__txt i { font-size: 12px; font-weight: 400; font-style: italic; line-height: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .l-v2an__tags { display: flex; gap: 8px; }
.hx .l-v2an__tag { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 43.75px; padding: 4px 8px; border-radius: 2px; font-size: 10px; font-weight: 500; line-height: normal; white-space: nowrap; }
.hx .l-v2an__tag--m { background: rgba(175, 239, 235, 0.5); color: var(--c-add-primary, #00AFD6); }
.hx .l-v2an__tag--f { background: rgba(250, 97, 64, 0.3); color: var(--c-tertiary, #FA6140); }
.hx .l-v2an__bar { position: absolute; top: 15px; left: 313px; width: 3px; height: 44px; border-radius: 2px 0px 0px 2px; background: rgba(0, 0, 0, 0.2); }
.hx[data-home="v2"] #moduleGrid .card[data-layout="v2-pending"] { padding: 12px; }
.hx[data-home="v2"] #moduleGrid .card[data-layout="v2-board"] { padding: 12px; box-shadow: rgb(156, 122, 82) 0px 0px 0px 5px inset, rgba(60, 40, 10, 0.5) 0px 8px 16px -8px; }
.hx .l-v2bd { display: flex; flex-direction: column; gap: 8px; height: 100%; min-height: 0px; color: rgb(62, 52, 20); }
.hx[data-home="v2"] #moduleGrid .card[data-layout="v2-sticky"] { container-type: size; padding: 0px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px, rgba(120, 50, 20, 0.35) 0px 8px 18px -10px; }
.hx .l-v2sn { position: relative; box-sizing: border-box; display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 0px; padding: 28px 18px 16px; color: rgb(59, 36, 32); }
.hx .l-v2sn__head { flex: 0 0 auto; display: flex; align-items: center; gap: 9px; }
.hx .l-v2sn__ico { flex: 0 0 auto; width: 21px; height: 21px; }
.hx .l-v2sn__head b { font-size: clamp(19px, 3.8cqh, 24px); font-weight: 700; letter-spacing: -0.01em; }
.hx .l-v2sn__head > span { margin-left: auto; font-size: 12.5px; color: rgb(122, 80, 72); white-space: nowrap; }
.hx .l-v2sn__head strong { font-family: 'DM Sans', var(--font); font-size: 16px; font-weight: 700; color: rgb(59, 36, 32); }
.hx .l-v2sn__rows { flex: 1 1 auto; min-height: 0px; display: flex; flex-direction: column; gap: 6px; margin-top: 14px; overflow-y: auto; scrollbar-width: none; overscroll-behavior: contain; touch-action: pan-y; }
.hx .l-v2sn__rows::-webkit-scrollbar { display: none; }
.hx .l-v2sn__row { flex: 1 0 52px; display: flex; align-items: center; gap: 10px; min-height: 52px; max-height: 84px; padding: 0px 12px; border: 0px; border-radius: 10px; background: rgba(255, 255, 255, 0.7); font-family: inherit; color: inherit; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 0.15s; }
.hx .l-v2sn__row:active { transform: scale(0.98); }
.hx .l-v2sn__row:focus-visible { outline: rgb(201, 71, 43) solid 2px; outline-offset: 1px; }
.hx .l-v2sn__t { flex: 1 1 0%; min-width: 0px; font-size: clamp(14.5px, 3cqh, 18px); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .l-v2sn__row b { font-family: 'DM Sans', var(--font); font-size: clamp(15px, 3.3cqh, 20px); font-weight: 700; font-variant-numeric: tabular-nums; }
.hx .l-v2sn__row.is-late b { color: rgb(215, 38, 61); }
.hx .l-v2sn__s { flex: 0 0 auto; font-size: 9.5px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: rgb(122, 80, 72); }
.hx .l-v2sn__none { margin: auto; font-size: 14px; font-weight: 600; color: rgb(122, 80, 72); }
.hx .l-v2sn { padding-top: 18px; }
@container (min-height: 301px) and (max-height: 420px) {
  .hx .l-v2sn { padding: 16px 14px 14px; }
  .hx .l-v2sn__head b { font-size: 18px; }
  .hx .l-v2sn__ico { width: 18px; height: 18px; }
  .hx .l-v2sn__rows { gap: 6px; margin-top: 12px; }
  .hx .l-v2sn__row { flex-basis: 44px; min-height: 44px; padding: 0px 14px; border-radius: 10px; }
  .hx .l-v2sn__t { font-size: 14.5px; }
  .hx .l-v2sn__row b { font-size: 16px; }
}
@container (max-height: 300px) {
  .hx .l-v2sn { padding: 18px 12px 10px; }
  .hx .l-v2sn__head b { font-size: 16px; }
  .hx .l-v2sn__ico { width: 17px; height: 17px; }
  .hx .l-v2sn__head strong { font-size: 14px; }
  .hx .l-v2sn__rows { gap: 4px; margin-top: 8px; }
  .hx .l-v2sn__row { flex-basis: 27px; min-height: 27px; padding: 0px 10px; gap: 8px; border-radius: 8px; }
  .hx .l-v2sn__t { font-size: 13.5px; }
  .hx .l-v2sn__row b { font-size: 14px; }
}
.hx .l-v2bd__head { flex: 0 0 auto; display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 4px 6px 0px; }
.hx .l-v2bd__head b { font-size: 14px; font-weight: 700; color: rgb(58, 42, 18); }
.hx .l-v2bd__head span { font-size: 11px; font-weight: 500; color: rgba(58, 42, 18, 0.75); white-space: nowrap; }
.hx .l-v2bd__head strong { font-family: 'DM Sans', var(--font); font-size: 14px; font-weight: 700; color: rgb(58, 42, 18); }
.hx .l-v2bd__board { flex: 1 1 auto; min-height: 0px; display: flex; flex-wrap: wrap; place-content: flex-start center; gap: 12px; padding: 8px 2px 10px; overflow-y: auto; scrollbar-width: none; overscroll-behavior: contain; touch-action: pan-y; }
.hx .l-v2bd__board::-webkit-scrollbar { display: none; }
.hx .l-v2bd__note { position: relative; flex: 0 0 auto; width: calc(50% - 6px); container-type: inline-size; display: flex; flex-direction: column; justify-content: space-between; aspect-ratio: 1 / 0.78; min-width: 0px; padding: 10px 11px 9px; border: 0px; border-radius: 2px; font-family: inherit; color: inherit; text-align: left; cursor: pointer; box-shadow: rgba(60, 40, 10, 0.55) 0px 4px 8px -4px; -webkit-tap-highlight-color: transparent; }
.hx .l-v2bd__note::before { content: ""; position: absolute; top: -4px; left: 50%; width: 10px; height: 10px; translate: -50%; border-radius: 50%; background: radial-gradient(circle at 35% 35%, rgb(245, 139, 122), rgb(184, 50, 31)); box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; }
.hx .l-v2bd__note[data-paper="0"] { background: rgb(255, 241, 168); }
.hx .l-v2bd__note[data-paper="1"] { background: rgb(255, 217, 160); }
.hx .l-v2bd__note[data-paper="2"] { background: rgb(201, 240, 196); }
.hx .l-v2bd__note[data-paper="3"] { background: rgb(191, 227, 247); }
.hx .l-v2bd__t { font-size: 12px; font-weight: 600; line-height: 1.15; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.hx .l-v2bd__note b { font-family: 'DM Sans', var(--font); font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; white-space: nowrap; }
.hx .l-v2bd__note em { position: absolute; right: 8px; bottom: 8px; font-style: normal; font-size: 9px; font-weight: 800; letter-spacing: 0.06em; color: rgb(196, 70, 44); }
.hx .l-v2bd__none { margin: auto; padding: 10px 16px; border-radius: 2px; background: rgb(255, 241, 168); box-shadow: rgba(60, 40, 10, 0.55) 0px 4px 8px -4px; font-size: 13px; font-weight: 600; rotate: -1.5deg; }
.hx .l-v2bd__note:active { translate: 0px 1px; }
.hx .l-v2bd__note:focus-visible { outline: rgb(31, 65, 91) solid 2px; outline-offset: 2px; }
.hx #moduleGrid .card.is-menu { z-index: 20; overflow: visible; }
.hx .l-v2pd__pill { position: relative; border: 0px; color: rgb(255, 255, 255); font-family: inherit; cursor: pointer; }
.hx .l-v2pd__pill::after { content: ""; position: absolute; inset: -8px -4px; }
.hx .l-v2pd__pill[aria-expanded="true"] img { rotate: 180deg; }
.hx .l-v2pd__pill:focus-visible, .hx .l-v2pd__way:focus-visible { outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
.hx .l-v2pd__menu { position: absolute; top: 34px; right: 0px; z-index: 9; display: flex; flex-direction: column; min-width: 176px; padding: 6px; border-radius: 12px; background: rgb(255, 255, 255); box-shadow: rgba(31, 65, 91, 0.08) 0px 2px 6px, rgba(31, 65, 91, 0.28) 0px 14px 32px -8px; }
.hx .l-v2pd__menu[hidden] { display: none; }
.hx .l-v2pd__opt { display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 40px; padding: 0px 10px; border: 0px; border-radius: 8px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13px; font-weight: 500; color: var(--c-on-surface-var, #44544A); text-align: left; cursor: pointer; }
.hx .l-v2pd__opt[aria-checked="true"] { color: rgb(31, 65, 91); background: rgba(66, 138, 193, 0.12); }
.hx .l-v2pd__opt[aria-checked="true"]::after { content: "✓"; font-weight: 700; }
.hx .l-v2pd__opt:focus-visible { outline: rgb(66, 138, 193) solid 2px; outline-offset: -2px; }
.hx .l-v2pd__way { border: 0px; background: none; color: rgb(255, 255, 255); font-family: inherit; cursor: pointer; }
.hx .l-v2pd__way.is-on { color: var(--c-on-surface-var, #44544A); }
.hx .l-v2pd__list { gap: 0px; padding: 4px 8px; overflow-y: auto; scrollbar-width: none; }
.hx .l-v2pd__list::-webkit-scrollbar { display: none; }
.hx .l-v2pd__row { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; width: 100%; min-height: 46px; margin: 0px; padding: 6px 0px; border-width: 0px 0px 0.5px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0.1); background: none; font: inherit; color: var(--c-on-surface-var, #44544A); text-align: left; cursor: pointer; }
.hx .l-v2pd__row:last-of-type { border-bottom: 0px; }
.hx .l-v2pd__row[hidden] { display: none; }
.hx .l-v2pd__row:active { background: rgba(31, 65, 91, 0.08); }
.hx .l-v2pd__row:focus-visible { outline: rgb(66, 138, 193) solid 2px; outline-offset: -2px; border-radius: 6px; }
.hx .l-v2pd__sq { flex: 0 0 auto; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 8px; background: rgba(66, 138, 193, 0.12); color: rgb(44, 110, 158); }
.hx .l-v2pd__row[data-area="records"] .l-v2pd__sq { background: rgba(0, 175, 214, 0.12); color: rgb(0, 132, 163); }
.hx .l-v2pd__sq i { width: 20px; height: 20px; background: currentcolor; mask: var(--g) center / contain no-repeat; }
.hx .l-v2pd__txt { flex: 1 1 0px; min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
.hx .l-v2pd__txt b { font-size: 12px; font-weight: 600; line-height: normal; }
.hx .l-v2pd__txt small { font-size: 11px; line-height: normal; color: var(--c-neutral-2, #7A8684); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .l-v2pd__n { flex: 0 0 auto; font-family: 'DM Sans', var(--font); font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; }
.hx .l-v2pd__chev { flex: 0 0 auto; width: 7px; height: 7px; margin: 0px 4px 0px 2px; border-top: 1.6px solid rgb(154, 165, 162); border-right: 1.6px solid rgb(154, 165, 162); rotate: 45deg; }
.hx .l-v2pd__row.is-zero { opacity: 0.5; }
.hx .l-v2pd__empty { margin: auto; padding: 16px; font-size: 12px; color: var(--c-neutral-2, #7A8684); }
.hx .l-v2pd__empty[hidden] { display: none; }
.hx .card[data-h="3"] .l-v2pd__row { flex: 1 1 0px; }
.hx .card[data-h="1"] .l-v2pd { gap: 8px; }
.hx .card[data-h="1"] .l-v2pd .l-v2an__switch { display: none; }
.hx .card[data-h="1"] .l-v2pd__row { min-height: 38px; padding: 3px 0px; }
.hx .card[data-h="1"] .l-v2pd__sq { width: 28px; height: 28px; }
@container card (max-width: 250px) {
  .hx .l-v2pd__wn { display: none; }
  .hx .l-v2pd__chev { display: none; }
}
.hx[data-home="v2"] #moduleGrid .card[data-layout="v2-stat"] { padding: 12px; }
.hx .l-v2st { position: relative; z-index: 2; display: flex; flex: 1 1 0px; flex-direction: column; justify-content: space-between; margin: -12px; padding: 12px; min-width: 0px; min-height: 0px; color: rgb(255, 255, 255); }
.hx .l-v2st__clip { position: absolute; inset: 0px; z-index: -1; overflow: hidden; pointer-events: none; }
.hx .l-v2st__glow { position: absolute; left: -121px; bottom: -42px; display: block; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(closest-side, transparent 19.9%, rgb(221, 235, 233) 20.1%); opacity: 0.3; filter: blur(50px); }
.hx .l-v2st__head { display: flex; align-items: center; gap: 10px; }
.hx .l-v2st__head > span { flex: 1 1 0px; min-width: 0px; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; line-height: normal; }
.hx .l-v2st__icon, .hx .l-v2st__icon img { display: block; width: 20px; height: 20px; }
.hx .l-v2st__body { display: flex; flex-direction: column; gap: 4px; }
.hx .l-v2st__body b { font-family: var(--font-num); font-size: 44px; font-weight: 700; line-height: normal; color: rgb(252, 244, 174); font-variation-settings: "opsz" 14; }
.hx .l-v2st__body span { font-size: 12px; font-weight: 400; line-height: normal; }
.hx[data-home="v2"] #moduleGrid .card[data-layout="v2-ki"] { padding: 12px 16px; }
.hx .l-v2ki { position: relative; z-index: 2; display: flex; flex: 1 1 0px; flex-direction: column; justify-content: space-between; min-width: 0px; min-height: 0px; color: rgb(255, 255, 255); }
.hx .l-v2ki__open { position: absolute; inset: -12px -16px; z-index: 0; padding: 0px; border: 0px; border-radius: inherit; background: none; cursor: pointer; }
.hx .l-v2ki__open:focus-visible { outline: rgb(255, 255, 255) solid 2px; outline-offset: -4px; }
.hx .l-v2ki__head { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 8px; pointer-events: none; }
.hx .l-v2ki__name { display: flex; align-items: flex-start; gap: 6px; font-size: 14px; font-weight: 500; line-height: 18px; letter-spacing: 0.1px; white-space: nowrap; }
.hx .l-v2ki__mark { flex: 0 0 auto; display: flex; justify-content: center; width: 18.7px; }
.hx .l-v2ki__mark img { display: block; }
.hx .l-v2ki__tabs { flex: 0 0 auto; display: flex; padding: 2px; border-radius: 8px; background: rgba(255, 255, 255, 0.5); overflow: hidden; pointer-events: auto; }
.hx .l-v2ki__tab { width: 42px; padding: 5px 0px; border: 0px; border-radius: 6px; background: none; font: 400 12px/normal var(--font); color: rgb(68, 84, 74); cursor: pointer; }
.hx .l-v2ki__tab[aria-pressed="true"] { background: rgb(255, 255, 255); }
.hx .l-v2ki__tab:focus-visible { outline: rgb(31, 81, 91) solid 2px; outline-offset: -2px; }
.hx .l-v2ki__n { position: relative; z-index: 1; font-family: var(--font-num); font-size: 44px; font-weight: 600; line-height: 36px; font-variation-settings: "opsz" 14; pointer-events: none; }
.hx { --spring-bounce: cubic-bezier(.34, 1.3, .64, 1); --spring-smooth: cubic-bezier(.32, .72, 0, 1); }
@supports (transition-timing-function: linear(0, 1)) {
.hx { --spring-bounce: linear(0, 0.029, 0.104, 0.205, 0.32, 0.438, 0.552, 0.655, 0.747, 0.825, 0.889, 0.94, 0.978, 1.006, 1.026, 1.038, 1.044, 1.046, 1.045, 1.041, 1.037, 1.032, 1.026, 1.021, 1.016, 1.012, 1.008, 1.005, 1.003, 1.001, 1, 0.999, 0.998, 0.998, 0.998, 0.998, 1); --spring-smooth: linear(0, 0.018, 0.063, 0.127, 0.2, 0.278, 0.357, 0.434, 0.506, 0.573, 0.634, 0.689, 0.738, 0.781, 0.818, 0.85, 0.877, 0.901, 0.92, 0.936, 0.95, 0.961, 0.97, 0.977, 0.983, 0.988, 0.992, 0.994, 0.996, 0.998, 0.999, 1, 1.001, 1.001, 1.001, 1.001, 1); }
}
.hx[data-page-version="4"] :is(#moduleGrid .card, .fav__card, .fsp__chip, .life-chip, .fsp__tile, .fsp__face, .today__row, .qa-chip) { -webkit-tap-highlight-color: transparent; }
.hx[data-page-version="4"] body:not(.is-editing) :is(#moduleGrid .card, .fav__card) { transition: transform 520ms var(--spring-bounce), box-shadow 220ms var(--ease); }
.hx[data-page-version="4"] body:not(.is-editing) :is(#moduleGrid .card, .fav__card):active { transform: scale(0.965); transition: transform 120ms var(--ease-out), box-shadow 120ms var(--ease); }
.hx[data-page-version="4"] :is(.fsp__chip, .life-chip) { transition: transform 460ms var(--spring-bounce), background-color 200ms var(--ease), color 200ms var(--ease), box-shadow 200ms var(--ease); }
.hx[data-page-version="4"] :is(.fsp__chip, .life-chip):active { transform: scale(0.94); transition-duration: 110ms, 200ms, 200ms, 200ms; transition-timing-function: var(--ease-out), var(--ease), var(--ease), var(--ease); }
.hx[data-page-version="4"] .today__row { transition: transform 460ms var(--spring-bounce), background-color 160ms var(--ease); }
.hx[data-page-version="4"] .today__row:active { transform: scale(0.985); transition-duration: 110ms; }
.hx .fsp__tile { transition: transform 520ms var(--spring-bounce), box-shadow 380ms var(--spring-bounce); }
.hx .fsp__tile:active { transform: scale(0.955); transition: transform 120ms var(--ease-out), box-shadow 380ms var(--spring-bounce); }
.hx .fsp__tile .fsp__photo { transition: transform 700ms var(--spring-smooth); }
.hx .fsp__tile[aria-pressed="true"] .fsp__photo { transform: scale(1.04); }
.hx .fsp__mark { transition: background-color 220ms var(--ease), box-shadow 220ms var(--ease); }
.hx .fsp__mark .icon, .hx .fsp__ord { transition: transform 480ms var(--spring-bounce), opacity 160ms var(--ease); }
.hx .fsp__ord.is-bump { animation: fsp-bump 420ms var(--spring-bounce); }
@keyframes fsp-bump { 
  0% { transform: scale(0.6); }
  100% { transform: scale(1); }
}
.hx .fsp__chips.has-ink.is-live .fsp__ink { transition: transform 480ms var(--spring-smooth), width 480ms var(--spring-smooth); }
.hx .fsp__clear { transition: transform 360ms var(--spring-bounce), opacity 160ms var(--ease); }
.hx .fsp__clear:active { transform: scale(0.88); transition-duration: 110ms; }
.hx .fsp__face { transition: transform 460ms var(--spring-bounce); }
.hx .fsp__face:active { transform: scale(0.9); transition-duration: 110ms; }
.hx .fsp__none button { transition: transform 460ms var(--spring-bounce); }
.hx .fsp__none button:active { transform: scale(0.94); transition-duration: 110ms; }
.hx .gsx-sheet.fsp-sheet { transition: transform 520ms var(--spring-smooth); }
.hx .gsx-sheet.fsp-sheet.is-dragging { transition: none; }
.hx .fav__item.is-arriving { animation: fav-in 560ms var(--spring-bounce) both; }
@keyframes fav-in { 
  0% { opacity: 0; transform: scale(0.7); }
  60% { opacity: 1; }
  100% { transform: scale(1); }
}
.hx .fav__item.is-leaving { animation: fav-out 260ms var(--ease) forwards; overflow: hidden; }
@keyframes fav-out { 
  0% { width: var(--w); opacity: 1; transform: scale(1); }
  100% { width: 0px; margin-right: -12px; opacity: 0; transform: scale(0.7); }
}
.hx .life-tiles { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--grid-gap); padding-top: 8px; margin-bottom: 20px; }
.hx .life-tile { height: var(--grid-row); }
.hx .life-tile .card { cursor: default; }
.hx .life-grid--2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.hx .life-card--wide { grid-column: 1 / -1; }
.hx .rpage .life-grid--2 { display: block; columns: 2; column-gap: 16px; }
.hx .rpage .life-grid--2 > .life-card { display: flow-root; break-inside: avoid; margin: 0px 0px 16px; }
.hx .rpage .life-grid--2 > .life-card--wide { column-span: all; }
.hx .life-card--wide .care-trend__plot { height: 120px; }
.hx .care-band { margin-top: 0px; }
.hx .care-counts { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 20px; padding-top: 8px; margin-bottom: 20px; }
.hx .life-tiles + .care-counts { padding-top: 0px; }
.hx .care-count { display: flex; flex-direction: column; gap: 6px; padding: 18px 22px 16px; border-radius: 20px; background: var(--c-white); box-shadow: var(--shadow-card); }
.hx .care-count__label { font-size: var(--fs-micro); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-mute); }
.hx .care-count__n { font-family: var(--font-num); font-size: var(--fs-stat-sm); font-weight: 700; line-height: 1.05; color: var(--ink); }
.hx .care-count--serious .care-count__n { color: var(--c-tertiary); }
.hx .care-count__note { font-size: var(--fs-label); color: var(--ink-mute); }
.hx .life-cols--flush { padding-left: 0px; }
.hx .life-row--due .life-row__val b { color: var(--c-tertiary); }
.hx .life-legend { display: flex; gap: 16px; margin: -4px 0px 10px; font-size: var(--fs-micro); color: var(--ink-mute); }
.hx .life-legend span { display: inline-flex; align-items: center; gap: 6px; }
.hx .life-legend i { width: 10px; height: 10px; border-radius: 3px; background: var(--ink-mute); }
.hx .life-legend i.is-pale { opacity: 0.3; }
.hx .life-columns { display: flex; align-items: flex-end; gap: 14px; height: 250px; padding: 0px 4px; }
.hx .life-col { --col: var(--ink-mute); flex: 1 1 0px; min-width: 0px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 4px; text-align: center; }
.hx .life-col { --col: var(--viz-700); }
.hx .life-col__total { font-family: var(--font-num); font-size: var(--fs-metric-sm); font-weight: 700; line-height: 1; color: var(--ink); }
.hx .life-col__stack { width: 100%; max-width: 64px; min-height: 4px; display: flex; flex-direction: column; border-radius: 8px 8px 3px 3px; overflow: hidden; }
.hx .life-col__stack i { display: flex; align-items: center; justify-content: center; min-height: 0px; font-style: normal; }
.hx .life-col__stack b { font-family: var(--font-num); font-size: var(--fs-micro); font-weight: 600; color: rgb(255, 255, 255); }
.hx .life-col__pale { background: var(--col); opacity: 0.32; }
.hx .life-col__pale b { color: var(--ink); }
.hx .life-col__solid { background: var(--col); }
.hx .life-col__name { margin-top: 6px; font-size: var(--fs-label); font-weight: 600; color: var(--ink); }
.hx .life-col__sub, .hx .life-col__rate { font-size: var(--fs-micro); color: var(--ink-mute); line-height: 1.3; }
.hx .life-col__rate { color: var(--col); font-weight: 600; }
.hx .life-columns__foot { margin-top: 14px; padding-top: 10px; border-top: 1px solid rgba(31, 65, 91, 0.1); font-size: var(--fs-label); color: var(--ink-mute); }
.hx .life-table--wide { table-layout: fixed; }
.hx .life-table--wide th:first-child, .hx .life-table--wide td:first-child { width: 26%; }
.hx .life-table td.is-rate { padding-left: 12px; }
.hx .life-pct { position: relative; display: inline-block; min-width: 56px; padding-bottom: 6px; }
.hx .life-pct::before { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 4px; border-radius: 2px; background: rgba(31, 65, 91, 0.1); }
.hx .life-pct i { position: absolute; left: 0px; bottom: 0px; height: 4px; border-radius: 2px; background: var(--c-action-ink); opacity: 0.55; }
.hx .life-pct b { font-weight: 600; }
.hx .life-table tfoot .life-pct b { font-weight: 700; }
.hx .care-trend__head { display: flex; flex-direction: column; gap: 4px; margin-bottom: 14px; }
.hx .care-trend__n { font-size: var(--fs-body); color: var(--ink-mute); }
.hx .care-trend__n b { font-family: var(--font-num); font-size: var(--fs-stat-sm); font-weight: 700; color: var(--ink); margin-right: 4px; }
.hx .care-trend__delta { font-size: var(--fs-label); color: var(--ink-mute); }
.hx .care-trend__delta.is-up, .hx .care-trend__delta.is-down { color: var(--ink); }
.hx .care-trend__plot { display: flex; align-items: flex-end; gap: 5px; height: 150px; flex: 1 1 auto; }
.hx .care-trend__col { flex: 1 1 0px; min-width: 0px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 4px; }
.hx .care-trend__n2 { font-family: var(--font-num); font-size: var(--fs-micro); font-weight: 600; line-height: 1; color: var(--ink-mute); min-height: 1em; }
.hx .care-trend__bar { width: 100%; max-width: 22px; min-height: 2px; border-radius: 4px 4px 2px 2px; background: var(--viz-300); }
.hx .care-trend__col.is-this .care-trend__bar { background: var(--viz-700); }
.hx .care-trend__col.is-today .care-trend__bar { background: var(--viz-900); }
.hx .care-trend__col.is-this .care-trend__n2 { color: var(--ink); }
.hx .care-trend__day { font-size: var(--fs-micro); line-height: 1; color: var(--ink-mute); }
.hx .care-trend__col.is-today .care-trend__day { color: var(--ink); font-weight: 700; }
.hx .life-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.hx .life-card--table, .hx .life-card--trend { grid-column: 1 / -1; }
.hx .care-counts { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.hx[data-page-version="2"], .hx[data-page-version="3"] { --grid-cols: 4; --grid-gap: 16px; }
@supports (container-type: inline-size) {
.hx[data-page-version="2"] #moduleGrid, .hx[data-page-version="2"] .hero--estate, .hx[data-page-version="3"] #moduleGrid, .hx[data-page-version="3"] .hero--estate { --grid-row: calc((100cqw - 48px) / 4 / 1.125); }
}
.hx[data-page-version="2"] .card[data-variant="approvals.pending"] .l-stat__sub[data-tone="alert"] { color: var(--c-moderate); }
.hx[data-page-version="2"] .hero-stage, .hx[data-page-version="2"] .obs-band, .hx[data-page-version="3"] .hero-stage, .hx[data-page-version="3"] .obs-band { display: none; }
.hx[data-page-version="3"] .modules-band > .hero--estate { display: none; }
.hx[data-page-version="2"] .modules-band, .hx[data-page-version="3"] .modules-band { position: relative; }
.hx[data-page-version="2"] .modules-band::before { content: ""; position: absolute; z-index: -1; top: calc(var(--s6) * -1); bottom: calc(var(--s6) * -1); left: calc(var(--pad-page) * -1); right: calc(var(--pad-page) * -1); border-radius: 0px 0px 32px 32px; background: linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(0, 129, 121, 0.1) 100%); pointer-events: none; }
.hx[data-page-version="2"] .modules-band, .hx[data-page-version="3"] .modules-band { margin-top: var(--s6); }
.hx[data-page-version="2"] body:not(.is-editing) .section-head--home, .hx[data-page-version="3"] body:not(.is-editing) .section-head--home { height: 0px; margin: 0px; opacity: 0; overflow: hidden; pointer-events: none; visibility: hidden; transition: height var(--t-base) var(--ease), opacity var(--t-base) var(--ease),
              margin var(--t-base) var(--ease), visibility 0s linear var(--t-base); }
.hx[data-page-version="3"] { color-scheme: dark; --page-bg: #000000; --g-eggs: linear-gradient(-63.8414deg,
              rgb(161, 255, 110) 16.033%,
              rgb(31, 146, 172) 93.902%,
              rgb(241, 203, 0) 141.36%); --g-species: linear-gradient(141.3deg,
              rgb(255, 232, 110) -195%,
              rgb(250, 97, 64) 65.6%); --g-users: linear-gradient(rgba(0, 0, 0, .12), rgba(0, 0, 0, .12)),
             linear-gradient(142.2243deg,
              rgb(0, 214, 201) 8.1339%,
              rgb(186, 255, 251) 122.51%); --g-users-wash: var(--g-users); --g-mortality: var(--g-v3-mortality); }
.hx .card:has(> .l-v3promo) { padding: 0px; overflow: hidden; }
.hx .l-v3promo { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 4px; height: 100%; padding: 24px 44px; min-width: 0px; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(102, 102, 102, 0.1)), url("assets/hx/img/v3-tags.jpg"); background-size: cover, cover; background-position: 50% 10.17%, 50% 10.17%; border-radius: 12px; }
.hx .l-v3promo__ribbon { position: absolute; left: -1px; top: -1.5px; width: 52px; height: 52px; display: block; pointer-events: none; transform: rotate(-90deg); }
.hx .l-v3promo__title { font-size: 20px; font-weight: 600; color: var(--on-dark); white-space: nowrap; }
.hx .l-v3promo__body { display: flex; flex-direction: column; gap: 0px; max-width: 519px; padding-right: 32px; font-size: 14px; line-height: 20px; color: var(--on-dark); }
.hx .l-v3promo__cta { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; padding: 8px 16px; border-radius: 100px; border: 0.3px solid rgba(255, 255, 255, 0.2); background: linear-gradient(rgba(255, 255, 255, 0.2) 33.871%, rgba(232, 244, 242, 0.2) 100%); backdrop-filter: blur(12px); font-size: 12px; font-weight: 600; color: var(--c-notes, #FCF4AE); white-space: nowrap; }
.hx .l-v3promo__cta img { display: block; width: 8px; height: 8px; }
.hx .card:has(> .l-v3tile), .hx .card:has(> .l-v3count), .hx .card:has(> .l-v3split) { padding: 0px; }
.hx .l-v3tile { display: flex; flex-direction: column; justify-content: flex-end; gap: 12px; height: 100%; padding: 16px; min-width: 0px; }
.hx .l-v3tile__icon { display: block; width: 40px; height: 40px; }
.hx .l-v3tile__icon img { display: block; width: 100%; height: 100%; }
.hx .l-v3tile__name { font-size: 14px; font-weight: 600; line-height: 20px; color: var(--on-dark); min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-v3count, .hx .l-v3split { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; gap: 8px; height: 100%; padding: 12px; min-width: 0px; }
.hx .l-v3count__head { display: flex; align-items: center; gap: 8px; min-width: 0px; }
.hx .l-v3count__label { flex: 1 1 auto; min-width: 0px; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; color: var(--on-dark); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-v3count__icon, .hx .l-v3count__icon.card__icon--fish { flex: 0 0 auto; display: block; width: 20px; height: 20px; }
.hx .l-v3tile__icon.card__icon--fish { width: 40px; height: 40px; }
.hx .l-v3count__icon img { display: block; width: 100%; height: 100%; }
.hx .l-v3count__body { display: flex; flex-direction: column; gap: 4px; min-width: 0px; }
.hx .l-v3count__value { font-family: var(--font-num); font-weight: 700; font-size: 44px; line-height: 1; font-variant-numeric: tabular-nums; color: var(--c-notes, #FCF4AE); }
.hx .l-v3count__cap { font-size: 12px; color: var(--on-dark); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-v3split__panes { display: flex; flex: 1 1 auto; gap: 8px; min-height: 0px; }
.hx .l-v3split__pane { flex: 1 1 0px; min-width: 0px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 4px; padding-bottom: 8px; text-align: center; }
.hx .l-v3split__pane--plate { justify-content: center; padding: 8px; border-radius: 8px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(8px); }
.hx .l-v3split__pane b { font-family: var(--font-num); font-weight: 700; font-size: 44px; line-height: 1; font-variant-numeric: tabular-nums; color: var(--c-displaybg-2, #DDEBE9); }
.hx .l-v3split__pane:not(.l-v3split__pane--plate) b { font-size: 28px; }
.hx .l-v3split__pane i { font-style: normal; font-size: 12px; color: var(--on-dark); white-space: nowrap; }
.hx .l-v3split__pane:not(.l-v3split__pane--plate) i { font-size: 10px; font-weight: 500; }
.hx .card[data-size]:has(> .hero--card), .hx .card[data-size]:has(> .l-v3ins), .hx .card[data-size]:has(> .l-v3note), .hx .card[data-size]:has(> .l-v3req), .hx .card[data-size]:has(> .l-v3tiles), .hx .card[data-size]:has(> .l-v3stock), .hx .card[data-size]:has(> .l-v3duo), .hx .card[data-size]:has(> .l-v3list), .hx .card[data-size]:has(> .l-v3hd), .hx .card[data-size]:has(> .l-v3mort), .hx .card[data-size]:has(> .l-v3eggs), .hx .card[data-size]:has(> .l-v3chat) { padding: 0px; overflow: hidden; }
.hx .hero--card { height: 100%; width: 100%; margin: 0px; box-shadow: none; cursor: inherit; }
.hx .l-v3deco-clip { position: absolute; inset: 0px; z-index: 0; overflow: hidden; border-radius: inherit; pointer-events: none; }
.hx .l-v3deco { position: absolute; left: var(--dx, 0); top: var(--dy, 0); width: var(--dw, 320px); height: var(--dh, var(--dw, 320px)); display: block; max-width: none; pointer-events: none; }
.hx .l-v3ins > :not(.l-v3deco-clip), .hx .l-v3note > :not(.l-v3deco-clip), .hx .l-v3req > :not(.l-v3deco-clip), .hx .l-v3tiles > :not(.l-v3deco-clip), .hx .l-v3stock > :not(.l-v3deco-clip), .hx .l-v3duo > :not(.l-v3deco-clip), .hx .l-v3list > :not(.l-v3deco-clip), .hx .l-v3mort > :not(.l-v3deco-clip), .hx .l-v3eggs > :not(.l-v3deco-clip), .hx .l-v3split > :not(.l-v3deco-clip), .hx .l-v3count > :not(.l-v3deco-clip) { position: relative; z-index: 1; }
.hx .l-v3split { position: relative; overflow: hidden; }
.hx .l-v3chip { flex: 0 0 auto; align-self: flex-start; display: inline-flex; align-items: center; gap: 4px; padding: 4px 8px; border-radius: 100px; background: rgba(0, 0, 0, 0.05); font-size: 12px; font-weight: 600; color: var(--on-dark); white-space: nowrap; }
.hx .l-v3chip--sq { border-radius: 8px; }
.hx .l-v3chip img { display: block; width: 14px; height: 14px; }
.hx .l-v3pill { flex: 1 1 0px; min-width: 0px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px; border-radius: 100px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(8px); font-size: 14px; color: var(--on-dark); white-space: nowrap; }
.hx .l-v3pill img { flex: 0 0 auto; display: block; width: 16px; height: 16px; }
.hx .l-v3pill--sq { border-radius: 8px; padding: 10px; font-size: 12px; }
.hx .l-v3ins { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 8px; min-width: 0px; }
.hx .l-v3ins__head { display: flex; align-items: center; gap: 4px; padding: 8px 8px 0px; min-width: 0px; }
.hx .l-v3ins__icon { flex: 0 0 auto; display: block; width: 18px; height: 18px; }
.hx .l-v3ins__title { font-size: 14px; font-weight: 500; letter-spacing: 0.1px; color: var(--on-dark); white-space: nowrap; }
.hx .l-v3ins__cells { display: flex; flex: 1 1 auto; gap: 2px; min-height: 0px; }
.hx .l-v3ins__cell { flex: 1 1 0px; min-width: 0px; display: flex; flex-direction: column; justify-content: space-between; padding: 8px; background: rgba(0, 0, 0, 0.1); box-shadow: rgba(31, 81, 91, 0.05) 0px 0px 0px 0.5px inset; backdrop-filter: blur(2px); }
.hx .l-v3ins__cell:first-child { border-radius: 12px 0px 0px 12px; }
.hx .l-v3ins__cell:last-child { border-radius: 0px 12px 12px 0px; }
.hx .l-v3ins__cap { display: flex; align-items: center; gap: 4px; min-width: 0px; font-size: 12px; color: var(--on-dark); }
.hx .l-v3ins__cap img { flex: 0 0 auto; display: block; width: 16px; height: 16px; }
.hx .l-v3ins__cap img.is-tilted { transform: rotate(44.67deg); }
.hx .l-v3count__icon.card__icon--fish img, .hx .l-v3tile__icon.card__icon--fish img, .hx .l-v3duo__icon.card__icon--fish img, .hx .l-v3tiles__icon.card__icon--fish img, .hx .l-v3req__icon.card__icon--fish img, .hx .l-v3stock__icon.card__icon--fish img { width: 100%; height: 100%; margin: 0px; transform: rotate(180deg); }
.hx .l-v3ins__cap span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-v3ins__cell b { font-family: var(--font-num); font-weight: 700; font-size: 32px; line-height: 1; font-variant-numeric: tabular-nums; color: var(--c-notes); }
.hx .l-v3note { position: relative; overflow: hidden; display: flex; flex-direction: column; height: 100%; min-width: 0px; }
.hx .l-v3note__head { display: flex; align-items: center; gap: 8px; padding: 16px 12px; min-width: 0px; }
.hx .l-v3note__icon { flex: 0 0 auto; display: block; width: 16px; height: 16px; }
.hx .l-v3note__title { flex: 1 1 auto; min-width: 0px; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; color: var(--c-on-tertiary-ctr, #250E01); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-v3note__pages { position: relative; flex: 1 1 auto; min-height: 0px; padding: 8px 12px 12px; }
.hx .l-v3note__page { position: absolute; inset: 8px 12px 12px; display: flex; min-height: 0px; }
.hx .l-v3note__plate { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; border-radius: 14px; overflow: hidden; background: var(--c-white); }
.hx .l-v3note__shot { flex: 0 0 auto; display: block; width: 100%; height: 166px; object-fit: cover; object-position: 50% 18.5%; }
.hx .l-v3note__body { flex: 1 1 auto; min-height: 0px; display: flex; flex-direction: column; justify-content: space-between; gap: 12px; padding: 12px; background: linear-gradient(180deg,
      rgba(250, 97, 64, .2) 0%, rgba(255, 255, 255, .2) 83.406%),
    var(--c-white); color: var(--c-on-surface-var, #44544A); }
.hx .l-v3note__top { display: flex; flex-direction: column; gap: 20px; min-height: 0px; }
.hx .l-v3note__who { display: flex; align-items: center; gap: 12px; min-width: 0px; }
.hx .l-v3note__face { flex: 0 0 auto; display: block; width: 44px; height: 44px; border-radius: 4.889px; object-fit: cover; }
.hx .l-v3note__ident { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
.hx .l-v3note__ident b { font-size: 14px; font-weight: 500; letter-spacing: 0.1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-v3note__ident span { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-v3note__more { flex: 0 0 auto; font-size: 14px; font-weight: 500; }
.hx .l-v3note__desc { display: flex; flex-direction: column; gap: 8px; min-height: 0px; }
.hx .l-v3note__kind { display: flex; align-items: center; gap: 8px; }
.hx .l-v3note__pri { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 64px; background: var(--note-pri); font-size: 11.57px; font-weight: 600; line-height: 1; color: var(--c-white); }
.hx .l-v3note__pri img { display: block; width: 100%; height: 100%; }
.hx .l-v3note__cat { font-size: 16px; font-weight: 600; color: var(--note-pri); }
.hx .l-v3note__text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; font-size: 12px; line-height: 18px; color: var(--c-black, #000); }
.hx .l-v3note__foot { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.hx .l-v3note__sig { display: flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 500; white-space: nowrap; }
.hx .l-v3note__like { display: flex; align-items: center; gap: 5.333px; padding: 5.333px; font-size: 12px; }
.hx .l-v3note__like img { display: block; width: 16px; height: 16px; }
.hx .l-v3req { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 16px; height: 100%; padding: 8px; min-width: 0px; }
.hx .l-v3req__sum { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 8px; padding: 8px; min-width: 0px; }
.hx .l-v3req__sum > :not(.l-v3req__kit) { position: relative; z-index: 1; }
.hx .l-v3req__head { display: flex; align-items: center; gap: 6px; min-width: 0px; }
.hx .l-v3req__icon, .hx .l-v3req__icon.card__icon--fish { flex: 0 0 auto; display: block; width: 20px; height: 20px; }
.hx .l-v3req__icon img { display: block; width: 100%; height: 100%; }
.hx .l-v3req__title { flex: 1 1 auto; min-width: 0px; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; color: var(--on-dark); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-v3req__figure { display: flex; align-items: flex-end; gap: 8px; min-width: 0px; }
.hx .l-v3req__figure b { font-family: var(--font-num); font-weight: 700; font-size: 44px; line-height: 1; font-variant-numeric: tabular-nums; color: var(--on-dark); }
.hx .l-v3req__urgent { display: inline-flex; align-items: center; gap: 4px; margin-bottom: 4px; padding: 4px 8px; border-radius: 100px; background: rgba(255, 211, 211, 0.2); backdrop-filter: blur(12px); font-size: 10px; font-weight: 500; color: var(--on-dark); white-space: nowrap; }
.hx .l-v3req__urgent img { display: block; width: 14px; height: 14px; }
.hx .l-v3req__kit { position: absolute; z-index: 0; right: 4px; top: 1px; width: 84px; height: 92px; display: block; object-fit: contain; transform: rotate(2.94deg); pointer-events: none; }
.hx .l-v3req__rows { flex: 1 1 auto; min-height: 0px; display: flex; flex-direction: column; justify-content: space-between; gap: 8px; padding: 12px; border-radius: 10px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(8px); }
.hx .l-v3req__row { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; padding-bottom: 4px; border-bottom: 0.5px solid rgba(255, 255, 255, 0.1); }
.hx .l-v3req__row:last-child { border-bottom: 0px; padding-bottom: 0px; }
.hx .l-v3req__what { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
.hx .l-v3req__what b { font-size: 12px; font-weight: 600; color: var(--c-notes); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-v3req__what span { font-size: 12px; color: rgba(255, 255, 255, 0.75); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-v3req__row time { flex: 0 0 auto; font-size: 10px; font-weight: 500; color: rgba(255, 255, 255, 0.75); white-space: nowrap; }
.hx .l-v3tiles { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; gap: 12px; height: 100%; padding: 12px; min-width: 0px; }
.hx .l-v3tiles__head { display: flex; align-items: center; gap: 8px; min-width: 0px; }
.hx .l-v3tiles__icon, .hx .l-v3tiles__icon.card__icon--fish { flex: 0 0 auto; display: block; width: 20px; height: 20px; }
.hx .l-v3tiles__icon img { display: block; width: 100%; height: 100%; }
.hx .l-v3tiles__title { flex: 1 1 auto; min-width: 0px; font-size: 16px; font-weight: 500; color: var(--on-dark); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-v3tiles__row { display: flex; flex: 1 1 auto; gap: 8px; min-height: 0px; }
.hx .l-v3tiles__tile { flex: 1 1 0px; min-width: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 8px; border-radius: 8px; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(2px); }
.hx .l-v3tiles[data-tone="bright"] .l-v3tiles__tile { background: rgba(255, 255, 255, 0.15); }
.hx .l-v3tiles[data-tone="plain"] .l-v3tiles__tile { background: rgba(255, 255, 255, 0.1); }
.hx .l-v3tiles__tile img { flex: 0 0 auto; display: block; width: 24px; height: 24px; }
.hx .l-v3tiles__cap { display: flex; flex-direction: column; align-items: center; font-size: 12px; color: var(--on-dark); text-align: center; white-space: nowrap; }
.hx .l-v3stock { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 12px; height: 100%; padding: 12px; min-width: 0px; }
.hx .l-v3stock__head { display: flex; align-items: center; gap: 6px; padding: 8px 8px 0px; min-width: 0px; }
.hx .l-v3stock__title { flex: 1 1 auto; min-width: 0px; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; color: var(--on-dark); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-v3stock__disc { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; padding: 6px; border-radius: 100px; background: var(--c-primary, #37BD69); }
.hx .l-v3stock__icon, .hx .l-v3stock__icon.card__icon--fish { display: block; width: 20px; height: 20px; }
.hx .l-v3stock__icon img { display: block; width: 100%; height: 100%; }
.hx .l-v3stock__plate { flex: 1 1 auto; min-height: 0px; display: flex; flex-direction: column; gap: 8px; padding: 12px; border-radius: 8px; background: rgba(255, 255, 255, 0.1); }
.hx .l-v3stock__cells { display: flex; flex: 1 1 auto; gap: 8px; min-height: 0px; }
.hx .l-v3stock__cell { flex: 1 1 0px; min-width: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 8px; text-align: center; }
.hx .l-v3stock__cell img { flex: 0 0 auto; display: block; width: 24px; height: 24px; }
.hx .l-v3stock__cell b { font-family: var(--font-num); font-weight: 700; font-size: 32px; line-height: 1; font-variant-numeric: tabular-nums; color: var(--c-notes); }
.hx .l-v3stock__cell span { font-size: 12px; font-weight: 600; color: var(--on-dark); white-space: nowrap; }
.hx .l-v3stock__acts { display: flex; gap: 8px; }
.hx .l-v3duo, .hx .l-v3list, .hx .l-v3mort { position: relative; overflow: hidden; display: flex; flex-direction: column; height: 100%; padding: 12px; min-width: 0px; }
.hx .l-v3duo { gap: 16px; }
.hx .l-v3list { gap: 8px; }
.hx .l-v3mort { gap: 12px; }
.hx .l-v3duo__head { display: flex; align-items: center; gap: 8px; min-width: 0px; }
.hx .l-v3duo__icon, .hx .l-v3duo__icon.card__icon--fish { flex: 0 0 auto; display: block; width: 20px; height: 20px; }
.hx .l-v3duo__icon img { display: block; width: 100%; height: 100%; }
.hx .l-v3duo__title { flex: 1 1 auto; min-width: 0px; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; color: var(--on-dark); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-v3duo__panes { display: flex; flex: 1 1 auto; gap: 8px; min-height: 0px; }
.hx .l-v3duo__pane { position: relative; overflow: hidden; flex: 1 1 0px; min-width: 0px; display: flex; flex-direction: column; justify-content: center; gap: 4px; padding: 8px; border-radius: 8px; background: var(--c-white); }
.hx .l-v3duo__pane b { position: relative; z-index: 2; font-family: var(--font-num); font-weight: 700; font-size: 32px; line-height: 1; font-variant-numeric: tabular-nums; }
.hx .l-v3duo__pane[data-tone="good"] b { color: var(--c-primary, #37BD69); }
.hx .l-v3duo__pane[data-tone="bad"] b { color: var(--c-tertiary, #FA6140); }
.hx .l-v3duo__cap { flex: 0 0 auto; position: relative; z-index: 2; font-size: 12px; color: var(--c-on-surface-var, #44544A); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-v3duo__swoosh { position: absolute; z-index: 0; left: 0px; bottom: -1px; width: 100%; height: 64px; display: block; max-width: none; pointer-events: none; }
.hx .l-v3duo__shot { position: absolute; z-index: 1; display: block; transform: scaleX(-1); object-fit: contain; pointer-events: none; }
.hx .l-v3duo__pane[data-tone="good"] .l-v3duo__shot { right: -42px; top: 24px; width: 98px; height: 66px; }
.hx .l-v3duo__pane[data-tone="bad"] .l-v3duo__shot { right: -17px; top: 42px; width: 67px; height: 45px; }
.hx .l-v3duo__badge { position: absolute; z-index: 2; right: 4px; top: 4px; width: 32px; height: 32px; border-radius: 100px; background: var(--c-white); box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 0.2px; }
.hx .l-v3duo__badge img { position: absolute; display: block; }
.hx .l-v3duo__badge img:first-child { inset: 28.43% 47.07% 28.44%; }
.hx .l-v3duo__badge img:last-child { inset: 47.07% 28.44% 47.07% 28.43%; }
.hx .l-v3list__tabs { flex: 0 0 auto; height: 39px; display: flex; gap: 4px; padding: 2px; border-radius: 100px; background: rgba(0, 0, 0, 0.05); }
.hx .l-v3list__tab { flex: 1 1 0px; min-width: 0px; display: flex; align-items: center; justify-content: center; padding: 6px 8px; border-radius: 100px; font-size: 12px; color: var(--on-dark); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .l-v3list__tab.is-on { background: var(--c-white); color: var(--c-on-surface-var, #44544A); }
.hx .l-v3list > .l-v3deco-clip { z-index: 2; }
.hx .l-v3list__bar { position: absolute; right: 0px; top: 15px; width: 3px; height: 44px; border-radius: 2px 0px 0px 2px; background: rgba(0, 0, 0, 0.2); }
.hx .l-v3list__plate { position: relative; flex: 1 1 auto; min-height: 0px; overflow: hidden; display: flex; flex-direction: column; gap: 4px; padding: 8px; border-radius: 10px; background: var(--c-white); }
.hx .l-v3list__row { display: flex; gap: 8px; align-items: stretch; padding-bottom: 4px; border-bottom: 0.5px solid rgba(0, 0, 0, 0.1); }
.hx .l-v3list__row:last-child { border-bottom: 0px; padding-bottom: 0px; }
.hx .l-v3list__row > img { flex: 0 0 auto; display: block; width: 44px; border-radius: 8px; object-fit: cover; }
.hx .l-v3list__what { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; justify-content: center; gap: 2px; color: var(--c-on-surface-var, #44544A); }
.hx .l-v3list__what b { font-size: 12px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-v3list__what i { font-size: 12px; font-style: italic; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-v3list__tags { display: flex; gap: 8px; }
.hx .l-v3tag { display: inline-flex; align-items: center; justify-content: center; min-width: 43.75px; padding: 4px 8px; border-radius: 2px; font-size: 10px; font-weight: 500; white-space: nowrap; }
.hx .l-v3tag--m { background: rgba(175, 239, 235, 0.5); color: var(--c-add-primary, #00AFD6); }
.hx .l-v3tag--f { background: rgba(250, 97, 64, 0.3); color: var(--c-tertiary, #FA6140); }
.hx .l-v3hd { display: flex; height: 100%; padding: 12px; min-width: 0px; }
.hx .l-v3hd__main { flex: 1 1 0px; min-width: 0px; display: flex; flex-direction: column; }
.hx .l-v3hd__title { display: flex; align-items: center; height: 32px; font-size: 16px; font-weight: 500; color: var(--on-dark); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-v3hd__read { flex: 1 1 auto; min-height: 0px; display: flex; flex-direction: column; justify-content: flex-end; gap: 2px; }
.hx .l-v3hd__read b { font-family: var(--font-num); font-weight: 700; font-size: 44px; line-height: 1; font-variant-numeric: tabular-nums; color: rgb(82, 249, 144); }
.hx .l-v3hd__read span { font-size: 12px; color: var(--on-dark); }
.hx .l-v3hd__cells { flex: 1 1 0px; min-width: 0px; display: flex; flex-direction: column; gap: 2px; border-radius: 8px; overflow: hidden; }
.hx .l-v3hd__cell { flex: 1 1 0px; min-height: 0px; display: flex; flex-direction: column; justify-content: space-between; padding: 8px 12px; background: rgba(0, 0, 0, 0.1); border: 0.5px solid rgba(31, 81, 91, 0.05); backdrop-filter: blur(2px); }
.hx .l-v3hd__cell span { flex: 0 0 auto; font-size: 12px; color: var(--on-dark); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-v3hd__cell b { font-family: var(--font-num); font-weight: 700; font-size: 20px; line-height: 1; font-variant-numeric: tabular-nums; color: var(--on-dark); }
.hx .l-v3hd__cell:last-child b { color: var(--c-displaybg-2, #E8F4F2); }
.hx .l-v3mort__body { display: flex; flex: 1 1 auto; gap: 8px; min-height: 0px; }
.hx .l-v3mort__count { flex: 164 1 0px; min-width: 0px; display: flex; align-items: center; justify-content: space-between; padding: 2px 2px 2px 12px; border-radius: 8px; overflow: hidden; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(8px); }
.hx .l-v3mort__read { display: flex; flex-direction: column; gap: 4px; min-width: 0px; }
.hx .l-v3mort__read b { font-family: var(--font-num); font-weight: 700; font-size: 32px; line-height: 1; font-variant-numeric: tabular-nums; color: var(--on-dark); }
.hx .l-v3mort__read span { font-size: 12px; font-weight: 600; color: var(--on-dark); white-space: nowrap; }
.hx .l-v3mort__pending { flex: 0 0 auto; align-self: stretch; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 4px; width: 72px; padding: 8px; border-radius: 6px; background: var(--c-white); text-align: center; }
.hx .l-v3mort__pending b { font-family: var(--font-num); font-weight: 700; font-size: 24px; line-height: 1; font-variant-numeric: tabular-nums; color: var(--c-black, #000); }
.hx .l-v3mort__pending span { font-size: 12px; color: var(--c-black, #000); }
.hx .l-v3mort__acts { flex: 144 1 0px; min-width: 0px; display: flex; flex-direction: column; gap: 8px; }
.hx .l-v3eggs { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 16px; height: 100%; padding: 8px; min-width: 0px; }
.hx .l-v3eggs__head { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 8px; min-width: 0px; }
.hx .l-v3eggs__title { display: flex; align-items: center; gap: 6px; min-width: 0px; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; color: var(--c-on-surface-var, #44544A); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-v3eggs__title img { flex: 0 0 auto; display: block; width: 20px; height: 20px; }
.hx .l-v3eggs__head > b { font-family: var(--font-num); font-weight: 700; font-size: 44px; line-height: 1; font-variant-numeric: tabular-nums; color: var(--c-on-tertiary-ctr, #250E01); }
.hx .l-v3eggs__basket { position: absolute; z-index: 0; right: 8px; top: 1px; width: 84px; height: 92px; display: block; object-fit: contain; transform: rotate(2.94deg); pointer-events: none; }
.hx .l-v3eggs__plate { flex: 1 1 auto; min-height: 0px; overflow: hidden; display: flex; flex-direction: column; gap: 12px; padding: 12px; border-radius: 12px; background: var(--c-white); }
.hx .l-v3eggs__row { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; padding-bottom: 8px; }
.hx .l-v3eggs__row span { flex: 1 1 auto; min-width: 0px; font-size: 12px; font-weight: 600; color: var(--c-on-secondary-ctr, #1F415B); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-v3eggs__row b { flex: 0 0 auto; font-size: 14px; font-weight: 600; color: var(--c-black, #000); text-align: right; }
.hx .l-v3chat { display: flex; flex-direction: column; gap: 8px; justify-content: center; height: 100%; padding: 12px; min-width: 0px; color: var(--c-black, #000); }
.hx .l-v3chat__row { position: relative; display: flex; align-items: center; gap: 12px; min-width: 0px; }
.hx .l-v3chat__face { flex: 0 0 auto; display: block; width: 44px; height: 44px; border-radius: 100px; object-fit: cover; }
.hx .l-v3chat__face--ini { display: inline-flex; align-items: center; justify-content: center; background: var(--c-on-primary-ctr, #1F515B); font-size: 15.5px; font-weight: 600; color: var(--c-white); }
.hx .l-v3chat__msg { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; justify-content: center; gap: 3px; padding: 8px 0px; }
.hx .l-v3chat__msg b { font-size: 16px; font-weight: 500; }
.hx .l-v3chat__text { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-v3chat__react { display: flex; align-items: center; gap: 2px; min-width: 0px; font-size: 14px; }
.hx .l-v3chat__react img { flex: 0 0 auto; display: block; width: 16px; height: 16px; }
.hx .l-v3chat__react span { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-v3chat { --v3chat-meta: 66px; }
.hx .l-v3chat__msg b { padding-right: var(--v3chat-meta); }
.hx .l-v3chat__meta { position: absolute; top: 8px; right: 0px; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.hx .l-v3chat__meta time { font-size: 12px; color: var(--c-on-surface-var, #44544A); }
.hx .l-v3chat__meta.is-unread time { color: var(--c-primary, #37BD69); }
.hx .l-v3chat__badge { display: inline-flex; align-items: center; justify-content: center; min-width: 16px; padding: 2px; border-radius: 12px; background: var(--c-primary, #37BD69); font-size: 10px; font-weight: 500; color: var(--c-white); }
.hx[data-page-version="3"] .card { border-radius: 12px; }
.hx[data-page-version="3"] { background: radial-gradient(125% 100% at 50% 0%,
      rgb(74, 59, 23) 0%,
      rgba(60, 48, 19, .72) 26%,
      rgba(38, 30, 12, .34) 44%,
      rgba(0, 0, 0, 0) 100%) no-repeat left top / 100% 360px fixed,
    var(--page-bg); }
.hx[data-page-version="3"] body { background: transparent; color: var(--c-white, #FFFFFF); }
.hx[data-page-version="3"] .foliage { display: none; }
.hx[data-page-version="4"] .foliage, .hx[data-page-version="5"] .foliage { display: none; }
.hx[data-page-version="4"] .greeting__wave, .hx[data-page-version="5"] .greeting__wave { display: none; }
.hx[data-page-version="3"] .search, .hx[data-page-version="3"] .search-btn, .hx[data-page-version="3"] .icon-btn { background: rgba(255, 255, 255, 0.14); border-radius: 12px; box-shadow: rgba(255, 255, 255, 0.22) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.3) 0px 1px 2px 0px; border: 1px solid rgba(255, 255, 255, 0.16); backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat))
                           brightness(var(--glass-lift)); color: var(--c-white, #FFFFFF); }
@supports not (backdrop-filter: blur(2px)) {
.hx[data-page-version="3"] .search, .hx[data-page-version="3"] .search-btn, .hx[data-page-version="3"] .icon-btn { background: rgba(255, 255, 255, 0.2); }
}
.hx[data-page-version="3"] .search, .hx[data-page-version="3"] .search-btn, .hx[data-page-version="3"] .icon-btn { box-sizing: border-box; }
.hx[data-page-version="3"] .search__input, .hx[data-page-version="3"] .greeting__word, .hx[data-page-version="3"] .greeting__name { color: var(--c-white, #FFFFFF); }
.hx[data-page-version="3"] .search__input::placeholder, .hx[data-page-version="3"] .search__hint, .hx[data-page-version="3"] .search__cycle { color: var(--c-white, #FFFFFF); }
.hx[data-page-version="3"] .search__icon, .hx[data-page-version="3"] .search-btn img, .hx[data-page-version="3"] .icon-btn img { filter: brightness(0) invert(1); }
.hx[data-page-version="3"] .hero__media { background-image: url("assets/hx/img/v3-hero.jpg"); background-position: 50% 50%; }
.hx[data-page-version="3"] .hero, .hx[data-page-version="3"] .hero__media, .hx[data-page-version="3"] .hero__scrim, .hx[data-page-version="3"] .hero__veil { border-radius: 12px; }
.hx[data-page-version="3"] .hero__scrim { background: none; }
.hx[data-page-version="3"] .hero__veil { background: linear-gradient(rgba(102, 102, 102, 0.08) 0%, rgba(0, 0, 0, 0.32) 53.027%); }
.hx[data-page-version="3"] .hero__mark, .hx[data-page-version="3"] .hero__mark img { width: 44px; height: 44px; }
.hx[data-page-version="3"] .hero__title { font-family: var(--font); font-size: 32px; font-weight: 600; letter-spacing: 0px; text-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px; }
.hx[data-page-version="3"] .hero__sub { display: block; font-size: 16px; font-weight: 400; line-height: 20px; color: var(--on-dark); text-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px; max-width: 412px; overflow: hidden; text-overflow: ellipsis; }
.hx[data-page-version="3"] .hero { padding: 2px 24px; justify-content: center; gap: 4px; }
.hx[data-page-version="3"] .hero__row--top { flex: 0 0 auto; height: 44px; }
.hx[data-page-version="3"] .hero__titles { gap: 2px; }
.hx[data-page-version="3"] .hero__row--foot { padding-right: 0px; }
.hx[data-page-version="3"] .home-header { padding: 24px; margin-top: 16px; }
.hx[data-page-version="3"] .greeting { gap: 4px; }
.hx[data-page-version="3"] .greeting__word { font-size: 20px; line-height: 26px; }
.hx[data-page-version="3"] .greeting__name { font-size: 28px; line-height: 34px; }
.hx[data-page-version="3"] .modules-band { margin-top: 0px; }
.hx[data-page-version="3"] .main-frame { padding-top: 24px; }
.hx[data-page-version="3"] .search-row { padding-block: 18px; margin-block: -16px; }
.hx[data-page-version="3"] .search-row::before { background: rgba(30, 30, 30, 0.4); backdrop-filter: blur(20px); border-bottom: 0px; border-radius: 0px 0px 28px 28px; box-shadow: none; }
@supports not (backdrop-filter: blur(2px)) {
.hx[data-page-version="3"] .search-row::before { background: rgb(24, 24, 24); }
}
.hx[data-page-version="3"] .search-row.is-stuck { padding-inline: 16px; }
.hx .section-head { display: flex; align-items: center; justify-content: space-between; gap: var(--s4); height: 0px; min-height: 0px; margin: 0px; overflow: hidden; opacity: 0; pointer-events: none; transition: height var(--t-base) var(--ease), opacity var(--t-base) var(--ease),
              margin var(--t-base) var(--ease); }
.hx.is-editing .section-head { height: 44px; margin-bottom: var(--s2); opacity: 1; overflow: visible; pointer-events: auto; }
.hx .section-head--home { height: 32px; align-items: center; margin-bottom: var(--s4); opacity: 1; overflow: visible; pointer-events: auto; }
.hx.is-editing .section-head--home { align-items: center; margin-bottom: var(--s2); }
.hx .section-head--home .section-head__title { font-size: 24px; font-weight: 500; letter-spacing: 0px; line-height: 29px; color: var(--c-on-surface-var, #44544A); }
.hx .section-head--home .section-head__actions { gap: var(--s3); }
.hx .section-head--home .link-btn:not(.link-btn--done) { height: 19px; padding: 0px; gap: 12px; border-radius: 0px; background: transparent; color: var(--c-action-ink); font-size: 16px; font-weight: 500; line-height: 19px; }
.hx .section-head--home .link-btn:not(.link-btn--done) .icon { display: none; }
.hx .section-head--home .link-btn:not(.link-btn--done)::before { content: ""; width: 20px; height: 20px; flex: 0 0 auto; background: url("assets/hx/icon/edit-grid.svg") center center / 20px 20px no-repeat; }
.hx .section-head--home .link-btn:not(.link-btn--done):hover { background: transparent; opacity: 0.82; }
.hx .section-head__title { font-size: var(--fs-card); font-weight: 600; letter-spacing: -0.01em; color: var(--ink-head); }
.hx .section-head__actions { display: flex; align-items: center; gap: var(--s2); margin-left: auto; }
.hx .link-btn { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 var(--s3); border: none; border-radius: var(--r-pill); background: transparent; color: var(--ui-link); font-size: var(--fs-label); font-weight: 500; cursor: pointer; transition: background var(--t-fast) var(--ease); }
.hx .link-btn:hover { background: color-mix(in srgb, var(--ui-link) 12%, transparent); }
.hx .link-btn .icon { width: 16px; height: 16px; }
.hx .link-btn[hidden] { display: none !important; }
.hx .link-btn--done { padding: 0 var(--s5); background: var(--ui-link); color: var(--on-dark); font-weight: 600; }
.hx .link-btn--done:hover { background: color-mix(in srgb, var(--ui-link) 86%, #000); }
.hx .link-btn--done:active { transform: scale(0.97); }
.hx .module-grid { display: grid; grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr)); grid-auto-rows: var(--grid-row); gap: var(--grid-gap); min-width: 0px; }
.hx .slot { position: relative; min-width: 0px; min-height: 0px; }
.hx .slot > .card { width: 100%; height: 100%; }
.hx .slot.is-flipping { transition: transform var(--t-slow) var(--ease-out); will-change: transform; }
.hx .slot.is-source { pointer-events: none; }
.hx .slot.is-source > .card { opacity: 0; }
.hx .slot.is-placeholder::after { content: ""; position: absolute; inset: 0px; border-radius: var(--r-card); background: color-mix(in srgb, var(--petrol-400) 11%, transparent); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--petrol-400) 18%, transparent); animation: placeholder-in var(--t-base) var(--ease-out); }
@keyframes placeholder-in { 
  0% { opacity: 0; transform: scale(0.96); }
  100% { opacity: 1; transform: scale(1); }
}
.hx .grid-empty { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--s4); padding: var(--s12) var(--s6); border-radius: var(--r-card); background: color-mix(in srgb, var(--surface) 60%, transparent); box-shadow: inset 0 0 0 1px var(--line); text-align: center; }
.hx .grid-empty__title { font-size: var(--fs-title); font-weight: 600; color: var(--ink); }
.hx .grid-empty__note { font-size: var(--fs-body); color: var(--ink-3); max-width: 40ch; }
.hx .drag-layer { position: fixed; inset: 0px; z-index: var(--z-drag); pointer-events: none; }
.hx .drag-proxy { position: absolute; top: 0px; left: 0px; border-radius: var(--r-card); box-shadow: var(--e-drag); transform-origin: center center; will-change: transform; }
.hx .drag-proxy .card { box-shadow: none; transform: none; pointer-events: none; }
.hx .drag-proxy.is-landing { transition: transform var(--t-slow) var(--ease-out),
              width var(--t-slow) var(--ease-out),
              height var(--t-slow) var(--ease-out); }
.hx .card { container: card / inline-size; position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; padding: var(--pad-card); border: none; border-radius: var(--r-card); overflow: hidden; isolation: isolate; text-align: left; cursor: pointer; background: transparent; -webkit-tap-highlight-color: transparent; font: inherit; color: var(--on-dark); text-decoration: none; user-select: none; transition: box-shadow var(--t-base) var(--ease), transform var(--t-base) var(--ease-out); }
.hx .card img { -webkit-user-drag: none; user-select: none; }
.hx .card:active { transform: translateY(0px) scale(0.985); }
.hx .card[data-size="medium"] { padding: var(--s5); }
.hx .card[data-size="medium"][data-fill="image"] { padding: var(--s4); }
.hx .card[data-variant="species.stats"] { padding: var(--s6); }
.hx .card[data-size="large"], .hx .card[data-size="tall"], .hx .card[data-size="full"] { padding: var(--s6); }
.hx .card[data-fill="solid"] { background: var(--card-bg, var(--g-users)); }
.hx .card__media { position: absolute; inset: 0px; z-index: 0; border-radius: var(--r-card); object-fit: cover; width: 100%; height: 100%; display: block; transition: transform var(--t-slow) var(--ease-out); }
.hx .card__wash { position: absolute; inset: 0px; z-index: 1; border-radius: var(--r-card); }
.hx .card__icon { position: relative; flex: 0 0 auto; display: block; width: var(--icon-size, 44px); height: var(--icon-size, 44px); }
.hx .card__icon img { display: block; width: 100%; height: 100%; }
.hx .card__icon--fish { width: 44px; height: 44px; }
.hx .card__icon--fish img { width: 39.838px; height: 39.838px; margin: 4.162px 0px 0px 4.162px; transform: rotate(-90deg) scaleY(-1); }
.hx .c-head { position: relative; z-index: 2; display: flex; align-items: center; gap: var(--s2); flex: 0 0 auto; min-width: 0px; margin-bottom: var(--s3); }
.hx .c-head__aside { margin-left: auto; flex: 0 0 auto; font-size: var(--fs-label); font-weight: 600; }
.hx .c-head__icon { flex: 0 0 auto; width: 22px; height: 22px; display: block; }
.hx .c-head__icon img { width: 100%; height: 100%; display: block; }
.hx .c-head__text { font-size: var(--fs-card-title); font-weight: 600; line-height: 1.25; letter-spacing: -0.01em; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-door { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; align-items: flex-start; justify-content: space-between; width: 100%; min-height: 0px; }
.hx .l-door__name { font-size: var(--fs-card); font-weight: 500; line-height: 1.18; width: 100%; overflow: hidden; text-overflow: ellipsis; hyphens: auto; }
.hx .l-compact { position: relative; z-index: 2; display: flex; align-items: center; gap: var(--s3); flex: 1 0 0px; min-width: 0px; }
.hx .l-compact__icon { flex: 0 0 auto; width: 34px; height: 34px; display: block; }
.hx .l-compact__icon img { width: 100%; height: 100%; display: block; }
.hx .l-compact__name { font-size: var(--fs-card); font-weight: 500; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-photo { position: relative; z-index: 2; display: flex; flex: 1 0 0px; align-items: flex-start; }
.hx .card__band { position: absolute; bottom: 0px; left: 50%; translate: -50%; z-index: 2; display: flex; align-items: flex-end; width: calc(100% + 2px); height: var(--scrim-band-h); padding: 0px 16px 20px; background: var(--scrim-band); backdrop-filter: blur(2px); pointer-events: none; }
.hx .card[data-band-size="lg"] .card__band { background: var(--scrim-band-soft); padding: 0px 16px 24px; }
.hx .card[data-band-size="lg"] .l-door__name { font-size: var(--fs-card-lg); }
.hx .l-photo-stat { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 10px; }
.hx .l-photo-stat__figures { display: flex; flex: 1 0 0px; flex-direction: column; justify-content: space-between; }
.hx .card[data-size="medium"] .l-photo-stat__figures { flex-direction: row; align-items: flex-end; justify-content: space-between; gap: var(--s4); }
.hx .card[data-size="medium"] .l-photo-stat .figure__value { font-size: clamp(22px, 1.36rem + 1vw, 34px); }
.hx .card[data-size="medium"] .l-photo-stat .figure__label { font-size: var(--fs-label); }
.hx .figure { display: flex; flex-direction: column; gap: var(--s1); }
.hx .figure__value { font-family: var(--font-num); font-weight: 700; font-size: var(--fs-hero-num); line-height: 1; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; font-variation-settings: "opsz" 14; }
.hx .figure__label { font-size: var(--fs-body); font-weight: 400; }
.hx .l-stat { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-stat__body { display: flex; flex: 1 0 0px; flex-direction: column; justify-content: center; gap: var(--s1); min-height: 0px; }
.hx .l-stat__value { font-family: var(--font-num); font-weight: 700; font-size: var(--fs-hero-num); line-height: 1; letter-spacing: -0.025em; font-variant-numeric: tabular-nums; font-variation-settings: "opsz" 14; }
.hx .l-stat__label { font-size: var(--fs-body); font-weight: 500; }
.hx .l-stat__sub { flex: 0 0 auto; margin-top: var(--s3); font-size: var(--fs-label); }
.hx .l-stat__sub[data-tone="alert"] { color: var(--c-alert); font-weight: 550; }
.hx .l-metrics { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-metrics__row { display: flex; flex: 1 0 0px; align-items: center; flex-wrap: wrap; gap: var(--s3) var(--s6); min-height: 0px; }
.hx .metric { display: flex; flex-direction: column; gap: var(--s1); min-width: 0px; }
.hx .metric__value { font-family: var(--font-num); font-weight: 700; font-size: var(--fs-metric); line-height: 1; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; font-variation-settings: "opsz" 14; }
.hx .metric__label { font-size: var(--fs-label); line-height: 1.2; }
.hx .metric[data-tone="alert"] .metric__value { color: var(--c-alert); }
.hx .l-chart { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-chart__plot { flex: 1 1 auto; min-height: 34px; display: block; }
.hx .l-chart__plot svg { width: 100%; height: 100%; display: block; overflow: visible; }
.hx .l-chart__line { fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; opacity: 0.85; }
.hx .l-chart__area { fill: currentcolor; opacity: 0.1; }
.hx .l-chart__foot { flex: 0 0 auto; display: flex; align-items: baseline; justify-content: space-between; gap: var(--s3); margin-top: var(--s3); }
.hx .l-chart__summary { font-size: var(--fs-body); font-weight: 600; }
.hx .l-chart__delta { font-size: var(--fs-label); font-weight: 600; font-variant-numeric: tabular-nums; }
.hx .l-queue { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-queue__head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--s3); flex: 0 0 auto; }
.hx .l-queue__head .c-head { margin-bottom: var(--s3); flex: 1 1 auto; }
.hx .l-queue__total { flex: 0 0 auto; font-family: var(--font-num); font-weight: 700; font-size: var(--fs-metric); line-height: 1; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.hx .l-queue__rows { display: flex; flex-direction: column; gap: var(--s3); flex: 0 1 auto; min-height: 0px; overflow: hidden; }
.hx .l-queue__row { display: flex; align-items: baseline; gap: var(--s3); }
.hx .l-queue__text { flex: 1 1 auto; font-size: var(--fs-body); min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-queue__value { flex: 0 0 auto; font-family: var(--font-num); font-weight: 650; font-size: var(--fs-body); font-variant-numeric: tabular-nums; }
.hx .l-status { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-status__rows { display: flex; flex: 1 0 0px; flex-direction: column; justify-content: center; gap: var(--s3); min-height: 0px; }
.hx .l-status__row { display: flex; align-items: baseline; gap: var(--s2); }
.hx .l-status__dot { flex: 0 0 auto; width: 8px; height: 8px; border-radius: var(--r-pill); background: var(--c-ok); translate: 0px -2px; }
.hx .l-status__row[data-tone="warn"] .l-status__dot { background: var(--c-warn); }
.hx .l-status__row[data-tone="alert"] .l-status__dot { background: var(--c-alert); }
.hx .l-status__value { font-family: var(--font-num); font-weight: 700; font-size: var(--fs-body); font-variant-numeric: tabular-nums; }
.hx .l-status__text { font-size: var(--fs-body); min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-progress { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; justify-content: center; min-height: 0px; }
.hx .l-progress__ratio { display: flex; align-items: baseline; gap: var(--s2); }
.hx .l-progress__value { font-family: var(--font-num); font-weight: 700; font-size: var(--fs-hero-num); line-height: 1; letter-spacing: -0.025em; font-variant-numeric: tabular-nums; font-variation-settings: "opsz" 14; }
.hx .l-progress__of { font-family: var(--font-num); font-weight: 500; font-size: var(--fs-body); }
.hx .l-progress__track { display: block; width: 100%; height: 10px; margin-top: var(--s4); border-radius: var(--r-pill); background: rgba(255, 255, 255, 0.26); overflow: hidden; }
.hx .l-progress__track i { display: block; height: 100%; border-radius: var(--r-pill); background: var(--c-white); }
.hx .l-progress__facts { display: flex; gap: var(--s6); margin-top: var(--s4); padding-top: var(--s3); border-top: 1px solid rgba(255, 255, 255, 0.22); }
.hx .l-progress__fact { display: flex; flex-direction: column; gap: 1px; min-width: 0px; }
.hx .l-progress__fact-value { font-family: var(--font-num); font-size: var(--fs-body); font-weight: 700; font-variant-numeric: tabular-nums; }
.hx .l-progress__fact[data-tone="warn"] .l-progress__fact-value { color: var(--c-warn); }
.hx .l-progress__fact[data-tone="alert"] .l-progress__fact-value { color: var(--c-alert); }
.hx .l-progress__fact-label { font-size: var(--fs-micro); opacity: 0.74; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .l-progress__caption { margin-top: var(--s2); font-size: var(--fs-label); font-weight: 550; }
.hx .l-timeline { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-timeline__items { position: relative; display: flex; flex-direction: column; gap: var(--s4); flex: 0 1 auto; min-height: 0px; overflow: hidden; padding-left: var(--s4); }
.hx .l-timeline__items::before { content: ""; position: absolute; left: 3px; top: 4px; bottom: 4px; width: 1px; background: currentcolor; opacity: 0.16; }
.hx .l-timeline__item { position: relative; display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
.hx .l-timeline__dot { position: absolute; left: calc(var(--s4) * -1 + 1px); top: 5px; width: 7px; height: 7px; border-radius: var(--r-pill); background: currentcolor; opacity: 0.5; }
.hx .l-timeline__item[data-tone="alert"] .l-timeline__dot { background: var(--c-alert); opacity: 1; }
.hx .l-timeline__text { font-size: var(--fs-body); font-weight: 550; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; }
.hx .l-timeline__meta { font-size: var(--fs-label); line-height: 1.2; }
.hx .l-timeline__item[data-tone="alert"] .l-timeline__meta { color: var(--c-alert); font-weight: 550; }
.hx .l-recent { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-recent__items { display: flex; flex-direction: column; gap: var(--s3); flex: 0 1 auto; min-height: 0px; overflow: hidden; }
.hx .l-recent__item { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s3); }
.hx .l-recent__main { display: flex; flex-direction: column; gap: 1px; min-width: 0px; }
.hx .l-recent__name { font-size: var(--fs-body); font-weight: 600; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-recent__kind { font-size: var(--fs-label); }
.hx .l-recent__when { flex: 0 0 auto; font-size: var(--fs-label); white-space: nowrap; }
.hx .l-actions { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-actions__set { display: flex; flex: 1 0 0px; flex-direction: column; justify-content: center; gap: var(--s2); }
.hx .l-action { display: flex; align-items: center; min-height: 36px; padding: var(--s2) var(--s3); border-radius: 10px; background: rgba(0, 0, 0, 0.18); box-shadow: rgba(255, 255, 255, 0.24) 0px 0px 0px 1px inset; font-size: var(--fs-label); font-weight: 600; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .card:hover .l-action { background: rgba(0, 0, 0, 0.26); }
.hx .l-ring { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-ring__body { display: flex; align-items: center; gap: var(--s4); flex: 1 0 0px; min-height: 0px; }
.hx .l-ring__dial { position: relative; flex: 0 0 auto; width: 88px; height: 88px; }
.hx .l-ring__dial svg { display: block; width: 100%; height: 100%; }
.hx .l-ring__track { fill: none; stroke: rgba(255, 255, 255, 0.2); }
.hx .l-ring__seg { fill: none; stroke: var(--c-white); }
.hx .l-ring__seg[data-i="1"] { opacity: 0.74; }
.hx .l-ring__seg[data-i="2"] { opacity: 0.52; }
.hx .l-ring__seg[data-i="3"] { opacity: 0.34; }
.hx .l-ring__centre { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; text-align: center; }
.hx .l-ring__total { font-family: var(--font-num); font-weight: 700; font-size: var(--fs-body); line-height: 1; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.hx .l-ring__unit { font-size: var(--fs-micro); line-height: 1.1; opacity: 0.62; }
.hx .l-ring__legend { display: flex; flex-direction: column; gap: var(--s2); flex: 1 1 auto; min-width: 0px; }
.hx .l-ring__key { display: flex; align-items: baseline; gap: var(--s2); min-width: 0px; }
.hx .l-ring__swatch { flex: 0 0 auto; width: 8px; height: 8px; border-radius: 3px; background: var(--c-white); translate: 0px -1px; }
.hx .l-ring__key[data-i="1"] .l-ring__swatch { opacity: 0.74; }
.hx .l-ring__key[data-i="2"] .l-ring__swatch { opacity: 0.52; }
.hx .l-ring__key[data-i="3"] .l-ring__swatch { opacity: 0.34; }
.hx .l-ring__name { flex: 1 1 auto; font-size: var(--fs-label); min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: 0.78; }
.hx .l-ring__val { flex: 0 0 auto; font-family: var(--font-num); font-weight: 650; font-size: var(--fs-label); font-variant-numeric: tabular-nums; }
.hx .l-arc { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-arc__body { display: flex; align-items: center; gap: var(--s5); flex: 1 0 0px; min-height: 0px; }
.hx .l-arc__dial { position: relative; flex: 0 0 auto; width: 108px; }
.hx .l-arc__dial svg { display: block; width: 100%; height: auto; }
.hx .l-arc__track { fill: none; stroke: rgba(255, 255, 255, 0.2); stroke-linecap: round; }
.hx .l-arc__value { fill: none; stroke: var(--c-white); stroke-linecap: round; }
.hx .l-arc__read { position: absolute; left: 0px; right: 0px; top: 46%; transform: translateY(-50%); display: flex; justify-content: center; }
.hx .l-arc__pct { font-family: var(--font-num); font-weight: 700; font-size: var(--fs-metric); line-height: 1; letter-spacing: -0.025em; font-variant-numeric: tabular-nums; }
.hx .l-arc__facts { display: flex; flex-direction: column; gap: var(--s3); flex: 1 1 auto; min-width: 0px; }
.hx .l-arc__fact { display: flex; flex-direction: column; gap: 1px; min-width: 0px; }
.hx .l-arc__fact-value { font-family: var(--font-num); font-weight: 700; font-size: var(--fs-body); line-height: 1.1; font-variant-numeric: tabular-nums; }
.hx .l-arc__fact-label { font-size: var(--fs-label); line-height: 1.15; opacity: 0.78; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-flow { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-flow__stages { display: flex; align-items: center; flex: 1 0 0px; gap: var(--s5); min-height: 0px; }
.hx .l-flow__stages[data-n="4"] { gap: var(--s3); }
.hx .l-flow__stages[data-n="5"] { gap: var(--s2); }
.hx .l-flow__stages[data-n="4"] .l-flow__stage:not(:last-child)::after { right: calc(var(--s3) / -2 - 3px); }
.hx .l-flow__stages[data-n="5"] .l-flow__stage:not(:last-child)::after { right: calc(var(--s2) / -2 - 3px); }
.hx .l-flow__stage { position: relative; display: flex; flex-direction: column; gap: 2px; flex: 1 1 0px; min-width: 0px; }
.hx .l-flow__stage:not(:last-child)::after { content: ""; position: absolute; right: calc(var(--s5) / -2 - 3px); top: 50%; width: 6px; height: 6px; border-right: 1.5px solid currentcolor; border-top: 1.5px solid currentcolor; transform: translateY(-50%) rotate(45deg); opacity: 0.45; }
.hx .l-flow__value { font-family: var(--font-num); font-weight: 700; font-size: var(--fs-metric-sm); line-height: 1; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.hx .l-flow__label { font-size: var(--fs-micro); line-height: 1.15; opacity: 0.78; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: break-word; }
.hx .l-flow__stages[data-dir="none"] .l-flow__stage::after { display: none; }
.hx .l-flow__arrow { font-size: var(--fs-label); line-height: 1; opacity: 0.62; }
.hx .l-attn { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-attn__hero { display: flex; align-items: baseline; gap: var(--s2); flex: 0 0 auto; }
.hx .l-attn__value { font-family: var(--font-num); font-weight: 700; font-size: var(--fs-hero-num-sm); line-height: 1; letter-spacing: -0.025em; font-variant-numeric: tabular-nums; font-variation-settings: "opsz" 14; }
.hx .l-attn__label { font-size: var(--fs-label); font-weight: 550; opacity: 0.78; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-attn__split { display: flex; flex: 0 0 auto; gap: var(--s5); margin-top: var(--s3); padding-bottom: var(--s3); border-bottom: 1px solid rgba(255, 255, 255, 0.22); }
.hx .l-attn__part { display: flex; align-items: baseline; gap: 5px; min-width: 0px; }
.hx .l-attn__part-value { font-family: var(--font-num); font-size: var(--fs-body); font-weight: 700; font-variant-numeric: tabular-nums; }
.hx .l-attn__part[data-tone="warn"] .l-attn__part-value { color: var(--c-warn); }
.hx .l-attn__part[data-tone="alert"] .l-attn__part-value { color: var(--c-alert); }
.hx .l-attn__part-label { font-size: var(--fs-micro); opacity: 0.74; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .l-attn__items { display: flex; flex-direction: column; gap: var(--s2); flex: 0 1 auto; min-height: 0px; margin-top: var(--s3); overflow: hidden; }
.hx .l-attn__item { display: flex; align-items: baseline; gap: var(--s2); min-width: 0px; }
.hx .l-attn__dot { flex: 0 0 auto; width: 6px; height: 6px; border-radius: var(--r-pill); background: currentcolor; opacity: 0.55; translate: 0px -2px; }
.hx .l-attn__item[data-tone="warn"] .l-attn__dot { background: var(--c-warn); opacity: 1; }
.hx .l-attn__item[data-tone="alert"] .l-attn__dot { background: var(--c-alert); opacity: 1; }
.hx .l-attn__text { flex: 1 1 auto; font-size: var(--fs-label); opacity: 0.78; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-attn__count { flex: 0 0 auto; font-family: var(--font-num); font-weight: 650; font-size: var(--fs-label); font-variant-numeric: tabular-nums; }
.hx .card[data-layout="headline"] { padding: calc(var(--pad-card) / 2); }
.hx .l-headline { position: relative; z-index: 2; display: flex; flex: 1 0 0px; min-height: 0px; }
.hx .l-headline__lead { display: flex; flex: 1 0 0px; flex-direction: column; min-width: 0px; padding: calc(var(--pad-card) / 2); }
.hx .l-headline__body { display: flex; flex: 1 0 0px; flex-direction: column; justify-content: flex-end; gap: 2px; min-height: 0px; }
.hx .l-headline__value { font-family: var(--font-num); font-weight: 700; font-size: var(--fs-stat); line-height: 1; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; font-variation-settings: "opsz" 14; color: var(--c-notes); }
.hx .l-headline__label { font-size: var(--fs-micro); line-height: 1.2; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-headline__side { display: flex; flex: 1 0 0px; flex-direction: column; justify-content: center; gap: calc(var(--pad-card) / 2); min-width: 0px; }
.hx .l-headline__tile { display: flex; flex: 1 0 0px; flex-direction: column; justify-content: space-between; min-height: 0px; padding: var(--s2) var(--s3); border: 0.5px solid rgba(31, 81, 91, 0.05); border-radius: var(--s3); background: rgba(0, 0, 0, 0.05); backdrop-filter: blur(2px); }
.hx .l-headline__tile-label { font-size: var(--fs-micro); line-height: 1.2; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-headline__tile-value { font-family: var(--font-num); font-weight: 700; font-size: var(--fs-metric-sm); line-height: 1; font-variant-numeric: tabular-nums; font-variation-settings: "opsz" 14; }
.hx .l-headline__tile[data-tone="error"] .l-headline__tile-value { color: var(--c-error-ctr); }
.hx .l-headline__tile[data-tone="secondary"] .l-headline__tile-value { color: var(--c-secondary-ctr); }
.hx .l-meters { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-meters__hero { display: flex; align-items: baseline; gap: var(--s2); flex: 0 0 auto; margin-bottom: var(--s3); }
.hx .l-meters__total { font-family: var(--font-num); font-weight: 700; font-size: var(--fs-metric); line-height: 1; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.hx .l-meters__unit { font-size: var(--fs-label); opacity: 0.78; }
.hx .l-meters__rows { display: flex; flex-direction: column; gap: var(--s3); flex: 0 1 auto; min-height: 0px; overflow: hidden; }
.hx .l-meters__row { display: flex; flex-direction: column; gap: 5px; min-width: 0px; }
.hx .l-meters__line { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s3); min-width: 0px; }
.hx .l-meters__name { flex: 1 1 auto; font-size: var(--fs-label); min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-meters__val { flex: 0 0 auto; font-size: var(--fs-micro); opacity: 0.78; font-variant-numeric: tabular-nums; }
.hx .l-meters__track { display: block; width: 100%; height: 4px; border-radius: var(--r-pill); background: rgba(255, 255, 255, 0.22); overflow: hidden; }
.hx .l-meters__track i { display: block; height: 100%; border-radius: var(--r-pill); background: var(--c-white); opacity: 0.85; }
.hx .l-meters__row[data-tone="warn"] .l-meters__track i { background: var(--c-warn); opacity: 1; }
.hx .l-meters__row[data-tone="alert"] .l-meters__track i { background: var(--c-alert); opacity: 1; }
.hx .l-entity { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .card__mark { position: absolute; z-index: 1; right: -14px; bottom: -18px; width: 108px; height: 108px; opacity: 0.12; pointer-events: none; }
.hx .card__mark img { width: 100%; height: 100%; display: block; }
.hx .l-entity__body { position: relative; z-index: 1; display: flex; flex: 1 1 auto; flex-direction: column; justify-content: center; min-height: 0px; }
.hx .l-entity__name { font-size: var(--fs-card); font-weight: 650; line-height: 1.15; letter-spacing: -0.015em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-entity__meta { margin-top: 2px; font-size: var(--fs-label); opacity: 0.78; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-entity__facts { display: flex; gap: var(--s6); margin-top: var(--s3); min-width: 0px; }
.hx .l-entity__fact { display: flex; flex-direction: column; gap: 1px; min-width: 0px; }
.hx .l-entity__fact-value { font-family: var(--font-num); font-weight: 700; font-size: var(--fs-body); line-height: 1.1; font-variant-numeric: tabular-nums; }
.hx .l-entity__fact-label { font-size: var(--fs-micro); opacity: 0.62; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-entity__foot { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s3); margin-top: var(--s3); padding-top: var(--s3); border-top: 1px solid rgba(255, 255, 255, 0.18); }
.hx .l-entity__foot-label { font-size: var(--fs-micro); opacity: 0.62; }
.hx .l-entity__foot-value { font-size: var(--fs-label); font-weight: 600; }
.hx .l-tree { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-tree__levels { display: flex; flex-direction: column; flex: 1 0 0px; justify-content: center; gap: var(--s2); min-height: 0px; }
.hx .l-tree__level { position: relative; display: flex; align-items: baseline; gap: var(--s2); min-width: 0px; }
.hx .l-tree__level[data-depth="1"] { padding-left: var(--s4); }
.hx .l-tree__level[data-depth="2"] { padding-left: var(--s8); }
.hx .l-tree__level[data-depth]:not([data-depth="0"])::before { content: ""; position: absolute; top: -8px; bottom: 50%; width: 10px; border-left: 1.5px solid currentcolor; border-bottom: 1.5px solid currentcolor; border-bottom-left-radius: 5px; opacity: 0.45; }
.hx .l-tree__level[data-depth="1"]::before { left: 4px; }
.hx .l-tree__level[data-depth="2"]::before { left: 20px; }
.hx .l-tree__value { flex: 0 0 auto; font-family: var(--font-num); font-weight: 700; font-size: var(--fs-body); line-height: 1.2; font-variant-numeric: tabular-nums; }
.hx .l-tree__label { flex: 1 1 auto; font-size: var(--fs-label); opacity: 0.78; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .card[data-fill="plate"] { background: var(--c-white); color: var(--ink); }
.hx .card[data-fill="ink"] { background: var(--c-on-secondary-ctr); color: var(--on-dark); }
.hx .card[role="group"] { cursor: default; }
.hx .card[role="group"]:active { transform: none; }
.hx.is-editing .card[role="group"] { cursor: grab; }
.hx .card[data-layout="focus"], .hx .card[data-layout="note"] { padding: 0px; }
.hx .l-focus { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-focus__head { flex: 0 0 auto; display: flex; align-items: center; gap: 6px; min-width: 0px; }
.hx .l-focus__title { flex: 1 1 auto; min-width: 0px; font-size: 14px; font-weight: 500; line-height: 17px; letter-spacing: 0.1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-focus__id { flex: 0 0 auto; display: flex; align-items: center; gap: 12px; min-width: 0px; }
.hx .l-focus__shot { position: relative; flex: 0 0 auto; display: block; }
.hx .l-focus__photo { position: relative; flex: 0 0 auto; display: block; object-fit: cover; background: rgba(31, 65, 91, 0.06); }
.hx .l-focus__facts { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; justify-content: center; }
.hx .l-focus__name { font-size: 12px; font-weight: 600; letter-spacing: 0.1px; line-height: 15px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-focus__latin { font-size: 12px; font-style: italic; line-height: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-focus__sub { font-size: 12px; line-height: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-focus__ref { font-size: 12px; line-height: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-focus__tag { display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 500; line-height: 12px; text-align: center; color: var(--on-dark); }
.hx .l-focus__tag--sex { background: var(--c-secondary); }
.hx .l-focus__tag--plain { background: var(--c-neutral-2); }
.hx .l-focus__updates { display: flex; flex-direction: column; gap: 8px; min-height: 0px; }
.hx .l-focus__legend { flex: 0 0 auto; font-size: 10px; font-weight: 600; line-height: 12px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-focus__update { display: flex; align-items: center; gap: 12px; min-width: 0px; }
.hx .l-focus__when { flex: 0 0 auto; width: 21px; text-align: center; }
.hx .l-focus__day { display: block; font-size: 12px; font-weight: 600; line-height: 12px; }
.hx .l-focus__dow { display: block; font-size: 10px; line-height: 12px; text-transform: capitalize; }
.hx .l-focus__what { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; justify-content: center; gap: 2px; }
.hx .l-focus__act { font-size: 12px; font-weight: 500; line-height: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-focus__by { font-size: 10px; line-height: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .card[data-fill="ink"] .l-focus { gap: 0px; }
.hx .card[data-fill="ink"] .l-focus__head { padding: 16px; }
.hx .card[data-fill="ink"] .l-focus__top { flex: 0 0 auto; display: flex; flex-direction: column; gap: 16px; padding: 0px 16px 16px; }
.hx .card[data-fill="ink"] .l-focus__photo { width: 72px; height: 72px; border-radius: 4px; }
.hx .card[data-fill="ink"] .l-focus__facts { gap: 4px; }
.hx .card[data-fill="ink"] .l-focus__badges { position: absolute; inset: 0px; pointer-events: none; }
.hx .card[data-fill="ink"] .l-focus__tag { position: absolute; top: 4.9%; height: 29.5%; padding: 0px 7.4%; border-radius: 6px; font-size: 8.85px; line-height: 1; }
.hx .card[data-fill="ink"] .l-focus__tag:first-child { left: 4.9%; }
.hx .card[data-fill="ink"] .l-focus__tag:nth-child(2) { left: 62.5%; }
.hx .card[data-fill="ink"] .l-focus__tag--sex { filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 1.769px 0.885px); }
.hx .card[data-fill="ink"] .l-focus__tag--plain { background: rgba(0, 0, 0, 0.4); box-shadow: rgba(0, 0, 0, 0.1) 0px 1.769px 1.769px; text-shadow: rgba(0, 0, 0, 0.25) 0px 0.885px 3.538px; }
.hx .card[data-fill="ink"] .l-focus__updates { flex: 1 0 0px; padding: 16px; background: rgba(0, 0, 0, 0.2); }
.hx .card[data-fill="ink"] .l-focus__legend { color: var(--c-tertiary-ctr); }
.hx .card[data-fill="ink"] .l-focus__update { flex: 1 0 0px; min-height: 0px; }
.hx .card[data-fill="ink"] .l-focus__by { color: rgba(255, 255, 255, 0.75); }
.hx .card[data-fill="plate"] .l-focus { gap: 12px; padding: 16px; }
.hx .card[data-fill="plate"] .l-focus__title { color: var(--ink-head); }
.hx .card[data-fill="plate"] .l-focus__top { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; padding: 8px; border: 0.5px solid rgba(0, 0, 0, 0.05); border-radius: 12px; background: linear-gradient(-89.1768deg, rgba(0, 214, 201, 0.2) 1.7294%, rgba(182, 205, 209, 0.2) 110.71%); }
.hx .card[data-fill="plate"] .l-focus__id { flex: 1 1 auto; min-width: 0px; gap: 8px; }
.hx .card[data-fill="plate"] .l-focus__photo { width: 92px; height: 92px; border-radius: 8px; }
.hx .card[data-fill="plate"] .l-focus__facts { gap: 8px; }
.hx .card[data-fill="plate"] .l-focus__name { color: var(--c-on-primary-ctr); }
.hx .card[data-fill="plate"] .l-focus__latin, .hx .card[data-fill="plate"] .l-focus__sub { color: var(--ink-mute); }
.hx .card[data-fill="plate"] .l-focus__ref { color: var(--ink-head); }
.hx .card[data-fill="plate"] .l-focus__badges { display: flex; gap: 4px; }
.hx .card[data-fill="plate"] .l-focus__tag { height: 16px; border-radius: 4px; }
.hx .card[data-fill="plate"] .l-focus__tag--sex { padding: 0px 8px; background: var(--c-neutral-2); }
.hx .card[data-fill="plate"] .l-focus__tag--plain { padding: 0px 6px; }
.hx .card[data-fill="plate"] .l-focus__updates { flex: 1 0 0px; }
.hx .card[data-fill="plate"] .l-focus__legend { color: var(--c-tertiary); }
.hx .card[data-fill="plate"] .l-focus__update { padding-left: 8px; }
.hx .card[data-fill="plate"] .l-focus__day { color: var(--c-black); }
.hx .card[data-fill="plate"] .l-focus__dow { color: var(--ink-head); }
.hx .card[data-fill="plate"] .l-focus__act { color: var(--ink-head); }
.hx .card[data-fill="plate"] .l-focus__by { color: var(--ink-mute); }
.hx .l-note { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-note__head { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; padding: 16px 16px 0px; min-width: 0px; }
.hx .l-note__icon { flex: 0 0 auto; display: block; width: 16px; height: 16px; }
.hx .l-note__title { flex: 1 1 auto; min-width: 0px; font-size: 14px; font-weight: 500; line-height: 17px; letter-spacing: 0.1px; color: var(--ink-head); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-note__body { flex: 1 0 0px; min-height: 0px; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 12px 16px; }
.hx .l-note__plate { flex: 1 0 0px; min-height: 0px; display: flex; flex-direction: column; justify-content: space-between; width: 100%; padding: 12px; border-radius: 12px; background: var(--note-tint, rgba(250, 97, 64, .1)); overflow: hidden; }
.hx .l-note__group { display: flex; flex-direction: column; gap: 20px; min-height: 0px; }
.hx .l-note__who { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; min-width: 0px; }
.hx .l-note__thumb { flex: 0 0 auto; display: block; width: 44px; height: 44px; border-radius: 4.889px; object-fit: cover; background: rgba(31, 65, 91, 0.06); }
.hx .l-note__ident { flex: 1 1 auto; min-width: 0px; display: flex; align-items: center; gap: 12px; }
.hx .l-note__idents { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; justify-content: center; gap: 2px; }
.hx .l-note__aaid { font-size: 14px; font-weight: 500; letter-spacing: 0.1px; line-height: 17px; color: var(--ink-head); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-note__aname { font-size: 12px; line-height: 15px; color: var(--ink-head); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-note__more { flex: 0 0 auto; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; color: var(--ink-head); }
.hx .l-note__note { display: flex; flex-direction: column; gap: 4px; min-height: 0px; }
.hx .l-note__kind { display: flex; align-items: center; gap: 8px; min-width: 0px; }
.hx .l-note__pri { flex: 0 0 auto; display: grid; place-items: center; width: 20px; height: 20px; padding: 1.429px; border-radius: 71.429px; background: var(--note-pri, var(--c-tertiary)); }
.hx .l-note__pri span { font-size: 12.86px; font-weight: 600; line-height: 1; letter-spacing: -0.3px; color: var(--on-dark); }
.hx .l-note__pri img { display: block; width: 17.143px; height: 17.143px; }
.hx .l-note__cat { font-size: 16px; font-weight: 600; line-height: 20px; color: var(--ink-head); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0px; }
.hx .l-note__text { font-size: 12px; line-height: 20px; color: var(--ink-head); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.hx .l-note__foot { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0px; }
.hx .l-note__sig { display: flex; align-items: center; gap: 4px; min-width: 0px; font-size: 12px; line-height: 15px; color: var(--ink-head); }
.hx .l-note__sig b { font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-note__sig time { flex: 0 0 auto; }
.hx .l-note__like { flex: 0 0 auto; display: flex; align-items: center; gap: 5.333px; padding: 5.333px; border: 0px; background: none; font: inherit; color: inherit; cursor: pointer; }
.hx .l-note__like img { display: block; width: 16px; height: 16px; }
.hx .l-note__like b { font-size: 12px; font-weight: 400; line-height: 13.333px; color: var(--ink-head); min-width: 12px; text-align: left; }
.hx { --pager-dwell: 7000ms; }
.hx .pager-dwell { position: absolute; left: 0px; bottom: 0px; width: 1px; height: 1px; opacity: 0; pointer-events: none; animation: pager-dwell var(--pager-dwell) linear forwards; }
@keyframes pager-dwell { 
  100% { opacity: 0; }
}
.hx .card.is-swiping .pager-dwell, .hx .card:focus-within .pager-dwell, .hx.is-hidden .pager-dwell, .hx.is-editing .pager-dwell { animation-play-state: paused; }
.hx .l-focus__pages, .hx .l-note__pages { position: relative; flex: 1 0 0px; min-height: 0px; width: 100%; }
.hx .l-focus__page, .hx .l-note__page { position: absolute; inset: 0px; display: flex; flex-direction: column; transition: opacity var(--t-base) var(--ease), transform var(--t-base) var(--ease); }
.hx .l-focus__page[data-pos="at"], .hx .l-note__page[data-pos="at"] { opacity: 1; transform: none; }
.hx .l-focus__page[data-pos="prev"], .hx .l-note__page[data-pos="prev"] { opacity: 0; transform: translateX(-6%); }
.hx .l-focus__page[data-pos="next"], .hx .l-note__page[data-pos="next"] { opacity: 0; transform: translateX(6%); }
.hx .l-focus__page[data-pos="out"], .hx .l-note__page[data-pos="out"] { opacity: 0; transform: none; }
.hx .l-v3note__page { transition: opacity var(--t-base) var(--ease), transform var(--t-base) var(--ease); }
.hx .l-v3note__page[data-pos="at"] { opacity: 1; transform: none; }
.hx .l-v3note__page[data-pos="prev"] { opacity: 0; transform: translateX(-6%); }
.hx .l-v3note__page[data-pos="next"] { opacity: 0; transform: translateX(6%); }
.hx .l-v3note__page[data-pos="out"] { opacity: 0; transform: none; }
.hx .dots__dot { position: relative; padding: 0px; border: 0px; font: inherit; cursor: pointer; appearance: none; }
.hx .dots__dot::after { content: ""; position: absolute; inset: -13px -3px; }
.hx .dots--run .dots__dot::after { inset: -13px -3px; }
.hx .dots__dot:focus-visible { outline: 2px solid var(--c-white); outline-offset: 2px; }
.hx .dots__dot[aria-current="true"] { opacity: 1; }
@container card (max-width: 300px) {
  .hx .card[data-fill="ink"] .l-focus__photo { width: 56px; height: 56px; }
  .hx .card[data-fill="plate"] .l-focus__photo { width: 64px; height: 64px; }
  .hx .l-note__thumb { width: 36px; height: 36px; }
  .hx .l-focus__ref, .hx .l-note__aaid { white-space: normal; overflow: visible; text-overflow: clip; }
  .hx .card[data-fill="plate"] .l-focus__badges { flex-wrap: wrap; }
  .hx .card[data-fill="plate"] .l-focus__update { padding-left: 0px; }
  .hx .l-note__ident { flex-wrap: wrap; }
  .hx .l-note__sig { flex-wrap: wrap; }
  .hx .l-note__sig b { white-space: normal; overflow: visible; text-overflow: clip; }
  .hx .card[data-fill="plate"] .l-focus { gap: 8px; }
  .hx .card[data-fill="plate"] .l-focus__facts { gap: 4px; }
  .hx .card[data-fill="plate"] .l-focus__photo { width: 56px; height: 56px; }
  .hx .card[data-fill="plate"] .l-focus__updates { gap: 4px; }
  .hx .l-note__group { gap: 8px; }
  .hx .l-note__text { -webkit-line-clamp: 2; flex: 0 0 auto; }
}
.hx .dots { flex: 0 0 auto; display: flex; align-items: center; gap: 4px; padding: 4px 8px; border-radius: 100px; background: rgba(22, 55, 61, 0.28); }
.hx .dots__dot { display: block; width: 6px; height: 6px; border-radius: 100px; background: var(--c-white); opacity: 0.55; transition: width var(--t-base) var(--ease), opacity var(--t-base) var(--ease); }
.hx .dots__dot[aria-current="true"] { opacity: 1; }
.hx .dots--run { gap: 6px; }
.hx .dots--run .dots__dot[aria-current="true"] { width: 22px; }
.hx .card[data-h="1"] .c-head { margin-bottom: var(--s2); }
.hx .card[data-h="1"] .l-stat__value, .hx .card[data-h="1"] .l-progress__value { font-size: var(--fs-hero-num-sm); }
.hx .card[data-h="1"] .l-stat__sub { margin-top: var(--s2); }
.hx .card[data-h="1"] .l-metrics__row { gap: var(--s2) var(--s5); flex-wrap: nowrap; }
.hx .card[data-h="1"] .metric { flex: 1 1 0px; }
.hx .card[data-h="1"] .metric__value { font-size: var(--fs-metric-sm); }
.hx .card[data-h="1"] .l-queue__rows, .hx .card[data-h="1"] .l-timeline__items, .hx .card[data-h="1"] .l-recent__items { gap: var(--s2); }
.hx .card[data-h="1"] .l-progress__track { margin-top: var(--s3); height: 8px; }
.hx .card[data-h="1"] .l-progress__facts { display: none; }
.hx .card[data-h="1"] .l-metrics__row[data-n="4"] { flex-wrap: wrap; }
.hx .card[data-h="1"] .l-metrics__row[data-n="4"] .metric { flex: 1 1 40%; }
.hx .card[data-h="1"] .l-actions__set { flex-direction: row; gap: var(--s2); }
.hx .card[data-h="1"] .l-action { flex: 1 1 0px; justify-content: center; text-align: center; min-height: 40px; padding-inline: var(--s2); font-size: var(--fs-micro); white-space: normal; line-height: 1.15; }
.hx .card[data-h="1"] .l-status__rows { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s2) var(--s4); align-content: center; }
.hx .card[data-h="1"] .l-ring__dial { width: 70px; height: 70px; }
.hx .card[data-h="1"] .l-ring__legend { gap: 5px; }
@supports (display: contents) {
.hx .card[data-h="1"] .l-ring { display: grid; grid-template-columns: auto minmax(0px, 1fr); grid-template-rows: auto auto; align-content: center; gap: 6px 16px; align-items: center; }
.hx .card[data-h="1"] .l-ring > .c-head { grid-area: 1 / 2; margin: 0px; }
.hx .card[data-h="1"] .l-ring__body { display: contents; }
.hx .card[data-h="1"] .l-ring__dial { grid-area: 1 / 1 / -1; width: 84px; height: 84px; }
.hx .card[data-h="1"] .l-ring__legend { grid-area: 2 / 2; align-self: start; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 6px 14px; }
.hx .card[data-h="1"] .l-ring__legend { row-gap: 4px; }
.hx .card[data-h="1"] .l-ring__key { display: grid; grid-template-columns: 8px minmax(0px, 1fr); align-items: center; gap: 0px 6px; }
.hx .card[data-h="1"] .l-ring__swatch { grid-area: 1 / 1; translate: none; }
.hx .card[data-h="1"] .l-ring__name { grid-area: 1 / 2; font-size: 11px; line-height: 13px; }
.hx .card[data-h="1"] .l-ring__val { grid-area: 2 / 2; font-size: 13px; line-height: 15px; }
.hx .card[data-h="1"] .l-ring > .c-head .c-head__icon { width: 18px; height: 18px; }
.hx .card[data-h="1"] .l-ring > .c-head .c-head__text { font-size: 14px; }
.hx .card[data-h="1"] .l-ring__total { font-size: 15px; }
.hx .card[data-h="1"] .l-ring__unit { font-size: 10px; }
}
.hx .card[data-h="1"] .l-arc__dial { width: 92px; }
.hx .card[data-h="1"] .l-arc__facts { gap: var(--s2); }
.hx .card[data-h="1"] .l-arc__pct { font-size: var(--fs-metric-sm); }
.hx .card[data-h="1"] .l-flow__value { font-size: var(--fs-body); }
.hx .card[data-h="1"] .l-attn__value { font-size: var(--fs-metric); }
.hx .card[data-h="1"] .l-attn__items { gap: 5px; margin-top: var(--s2); }
.hx .card[data-h="1"] .l-attn__split { display: none; }
.hx .card[data-h="1"] .l-meters__hero { margin-bottom: var(--s2); }
.hx .card[data-h="1"] .l-meters__rows { gap: var(--s2); }
.hx .l-sch, .hx .l-wf { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; gap: 12px; min-height: 0px; min-width: 0px; }
.hx .l-sch__top { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); min-width: 0px; }
.hx .l-sch__top .c-head { margin: 0px; min-width: 0px; }
.hx .l-sch, .hx .l-wf, .hx .l-et, .hx .l-cc { color: var(--c-white); }
.hx .l-et { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; gap: 4px; min-height: 0px; text-shadow: rgba(92, 70, 10, 0.3) 0px 1px 2px; }
.hx .l-et__top { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s3); }
.hx .l-et__top .c-head { margin: 0px; min-width: 0px; }
.hx .l-et__all { flex: 0 0 auto; font-size: var(--fs-micro); opacity: 0.9; white-space: nowrap; }
.hx .l-et__all b { font-family: var(--font-num); font-size: 16px; }
.hx .l-et__grid { display: flex; flex: 1 1 auto; flex-direction: column; justify-content: space-between; min-height: 0px; }
.hx .l-et__row { display: grid; grid-template-columns: minmax(0px, 1fr) 3.4em 4.6em 4.8em; gap: 6px; align-items: baseline; font-size: 12px; line-height: 1.15; }
.hx .l-et__row > span:not(:first-child) { text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; }
.hx .l-et__row--head { font-size: 9.5px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; opacity: 0.85; }
.hx .l-et__row--head > span:not(:first-child) { font-weight: 700; }
.hx .l-et__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .card:has(.l-pd) { rotate: -1deg; border-radius: 4px; box-shadow: rgba(90, 70, 0, 0.08) 0px 1px 1px, rgba(90, 70, 0, 0.35) 0px 10px 18px -8px; }
.hx .card:has(.l-pd)::after { content: ""; position: absolute; right: 0px; bottom: 0px; z-index: 3; width: 26px; height: 26px; pointer-events: none; background: linear-gradient(315deg, transparent 0px, transparent 50%, rgb(242, 222, 128) 50%, rgb(242, 222, 128) 100%); border-top-left-radius: 6px; filter: drop-shadow(rgba(90, 70, 0, 0.22) -1px -1px 2px); }
.hx .l-pd { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; gap: 8px; min-height: 0px; color: rgb(62, 52, 20); }
.hx .l-pd .c-head { color: rgb(62, 52, 20); }
.hx .l-pd .c-head__icon img { filter: brightness(0) saturate(100%) opacity(0.8); }
.hx .l-pd__tape { position: absolute; top: calc(var(--pad-card) * -1); left: 50%; width: 92px; height: 18px; translate: -50% -4px; rotate: 2deg; background: rgba(150, 214, 208, 0.7); box-shadow: rgba(40, 70, 60, 0.18) 0px 1px 2px; }
.hx .l-pd__top { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s3); padding-bottom: 6px; border-bottom: 2px solid rgba(214, 120, 90, 0.45); }
.hx .l-pd__top .c-head { margin: 0px; min-width: 0px; }
.hx .l-pd__all { flex: 0 0 auto; font-size: var(--fs-micro); opacity: 0.75; white-space: nowrap; }
.hx .l-pd__all b { font-family: var(--font-num); font-size: 16px; opacity: 1; }
.hx .l-pd__grid { display: grid; flex: 1 1 auto; grid-auto-rows: 1fr; min-height: 0px; }
.hx .l-pd__row { display: grid; grid-template-columns: 14px minmax(0px, 1fr) auto; align-items: center; gap: 10px; font-size: var(--fs-label); line-height: 1.15; border-bottom: 1px solid rgba(80, 130, 170, 0.28); }
.hx .l-pd__box { display: block; width: 12px; height: 12px; border: 1.5px solid rgba(62, 52, 20, 0.55); border-radius: 3px; }
.hx .l-pd__label { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-pd__row b { font-family: var(--font-num); font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; text-align: right; }
.hx .l-pd__row--none { opacity: 0.5; }
.hx .l-pd__row--none .l-pd__label, .hx .l-pd__row--none b { text-decoration: line-through; }
.hx .pd-toast { position: fixed; left: 50%; bottom: calc(var(--qa-b, 24px) + var(--qa-row-h, 56px) + 16px); z-index: 90; translate: -50% 12px; padding: 10px 16px; border-radius: 10px; background: rgba(31, 65, 91, 0.94); color: rgb(255, 255, 255); font-size: 13px; font-weight: 500; opacity: 0; pointer-events: none; transition: opacity 180ms, translate 180ms; }
.hx .pd-toast.is-on { opacity: 1; translate: -50%; }
.hx .l-cc { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; gap: 12px; min-height: 0px; }
.hx .l-cc__top { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s3); }
.hx .l-cc__top .c-head { margin: 0px; min-width: 0px; }
.hx .l-cc__all { flex: 0 0 auto; font-size: var(--fs-micro); opacity: 0.85; white-space: nowrap; }
.hx .l-cc__all b { font-family: var(--font-num); font-size: 16px; }
.hx .l-cc__plot { display: grid; flex: 1 1 auto; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); gap: 12px; min-height: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.35); }
.hx .l-cc__col { display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; gap: 4px; min-height: 0px; }
.hx .l-cc__col b { font-family: var(--font-num); font-size: 18px; line-height: 1; font-variant-numeric: tabular-nums; }
.hx .l-cc__bar { display: block; flex: 0 0 auto; height: calc(var(--h) * (100% - 26px)); min-height: 3px; border-radius: 8px 8px 0px 0px; background: rgba(255, 255, 255, calc(.4 + var(--h) * .5)); }
.hx .l-cc__keys { display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); gap: 12px; margin-top: -4px; }
.hx .l-cc__key { display: flex; flex-direction: column; min-width: 0px; }
.hx .l-cc__key span { font-size: var(--fs-label); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .l-cc__key small { font-size: var(--fs-micro); opacity: 0.82; white-space: nowrap; }
.hx .card[data-size="medium"]:has(.l-cc) { padding: 14px 18px; }
.hx .card[data-size="medium"] .l-cc { gap: 4px; }
.hx .card[data-size="medium"] .l-cc__plot, .hx .card[data-size="medium"] .l-cc__keys { gap: 10px; }
.hx .card[data-size="medium"] .l-cc__col b { font-size: 14px; }
.hx .card[data-size="medium"] .l-cc__bar { height: calc(var(--h) * (100% - 20px)); border-radius: 6px 6px 0px 0px; }
.hx .card[data-size="medium"] .l-cc__keys { margin-top: -2px; }
.hx .card[data-size="medium"] .l-cc__key span { font-size: 12px; line-height: 1.1; }
.hx .card[data-size="medium"] .l-cc__key small { line-height: 1.1; }
.hx .l-sch__foot { margin-top: auto; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, 0.22); font-size: var(--fs-label); opacity: 0.92; }
.hx .l-sch__foot b { font-variant-numeric: tabular-nums; }
.hx .l-wf { --wf-0: rgba(255, 255, 255, .95); --wf-1: rgba(255, 255, 255, .62); --wf-2: rgba(255, 255, 255, .38); --wf-3: rgba(255, 255, 255, .16); }
.hx .l-wf__top { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s3); }
.hx .l-wf__top .c-head { margin: 0px; min-width: 0px; }
.hx .l-wf__all { flex: 0 0 auto; font-size: var(--fs-micro); opacity: 0.85; }
.hx .l-wf__all b { font-family: var(--font-num); font-size: 16px; }
.hx .l-wf__body { display: flex; flex: 1 1 auto; align-items: center; gap: 20px; min-height: 0px; }
.hx .l-wf__grid { display: grid; flex: 0 0 auto; grid-template-columns: repeat(10, 1fr); gap: 3px; width: min(168px, 48%); aspect-ratio: 1 / 1; }
.hx .l-wf__grid i { border-radius: 3px; }
.hx .l-wf__legend { display: flex; flex: 1 1 auto; flex-direction: column; gap: 10px; min-width: 0px; }
.hx .l-wf__key { display: flex; flex-direction: column; gap: 1px; min-width: 0px; }
.hx .l-wf__name { display: flex; align-items: center; gap: 6px; font-size: var(--fs-micro); opacity: 0.9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .l-wf__name i { flex: 0 0 auto; width: 9px; height: 9px; border-radius: 2px; }
.hx .l-wf__fig { display: flex; align-items: baseline; gap: 6px; padding-left: 15px; }
.hx .l-wf__fig b { font-family: var(--font-num); font-size: 17px; font-variant-numeric: tabular-nums; }
.hx .l-wf__fig small { font-size: var(--fs-micro); opacity: 0.8; }
.hx .site-tabs { display: flex; gap: 4px; margin: 24px 0px 0px; padding: 4px; width: 100%; border-radius: var(--r-pill); background: rgba(0, 171, 171, 0.1); overflow-x: auto; scrollbar-width: none; }
.hx .site-tabs::-webkit-scrollbar { display: none; }
.hx .site-tabs[hidden] { display: none; }
.hx .site-tabs__tab { flex: 1 0 0px; min-width: max-content; border: 0px; padding: 8px 16px; text-align: center; border-radius: var(--r-pill); background: none; color: var(--ink-2); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: var(--fs-label); font-weight: 600; white-space: nowrap; cursor: pointer; }
.hx .site-tabs__tab:hover { color: var(--ink); }
.hx .site-tabs__tab[aria-selected="true"] { background: var(--c-white); color: var(--viz-900); box-shadow: rgba(31, 65, 91, 0.12) 0px 1px 3px; }
.hx .site-tabs__tab:focus-visible { outline: 2px solid var(--viz-700); outline-offset: 1px; }
.hx[data-home="v2"] .site-tabs--v2 { box-sizing: border-box; display: flex; align-items: stretch; gap: 8px; width: auto; max-width: none; height: 60px; margin: 16px calc(50% - 50vw) 0px; padding: 0px max(8px, -50% - 16px + 50vw); border-radius: 0px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 0px, rgba(31, 65, 91, 0.12) 0px 2px 6px -2px; overflow: visible; }
.hx[data-home="v2"] .site-tabs--v2 { position: sticky; top: var(--v2-search-h, 72px); z-index: 6; }
.hx[data-home="v2"].v2-tabs-stuck .search-row::before { border-bottom-color: transparent; box-shadow: none; }
.hx .site-tabs--v2 .site-tabs__menu { flex: 0 0 auto; display: grid; place-items: center; width: 48px; padding: 0px; border: 0px; background: none; color: rgb(31, 81, 91); cursor: pointer; }
.hx .site-tabs--v2 .site-tabs__menu svg { width: 26px; height: 26px; }
.hx .site-tabs--v2 .site-tabs__menu:focus-visible { outline: rgb(0, 109, 53) solid 2px; outline-offset: -6px; border-radius: 8px; }
.hx .site-tabs--v2 .site-tabs__track { flex: 1 1 auto; min-width: 0px; display: flex; overflow-x: auto; scrollbar-width: none; }
.hx .site-tabs--v2 .site-tabs__track::-webkit-scrollbar { display: none; }
.hx[data-home="v2"] .site-tabs--v2 .site-tabs__tab { position: relative; flex: 1 0 auto; min-width: max-content; height: 100%; padding: 0px 20px; border-radius: 0px; background: none; box-shadow: none; font-size: 16px; font-weight: 500; color: rgb(28, 27, 31); }
.hx[data-home="v2"] .site-tabs--v2 .site-tabs__tab[aria-selected="true"] { color: rgb(46, 125, 50); background: none; box-shadow: none; }
.hx .site-tabs--v2 .site-tabs__tab[aria-selected="true"]::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 3px; border-radius: 3px 3px 0px 0px; background: rgb(46, 125, 50); }
.hx .site-tabs--v2 .site-tabs__tab:focus-visible { outline: rgb(46, 125, 50) solid 2px; outline-offset: -6px; }
.hx[data-home-hdr="tabs"] .home-header, .hx[data-home-hdr="tabs"] #favSpecies, .hx[data-home-hdr="tabs"] #siteTabsV2 { display: none !important; }
.hx[data-home-hdr="tabs"] .main-frame { padding-top: 20px; }
.hx .th { --tint: #2F7A55; --deep: #143A28; position: relative; z-index: 21; container-type: inline-size; margin: 0px calc(50% - 50vw); color: rgb(255, 255, 255); background: var(--tint); border-radius: 0px 0px 26px 26px; font-family: var(--font-ui, Inter), system-ui, sans-serif; transition: background-color 0.5s; }
.hx :where(.th) button { font: inherit; color: inherit; -webkit-tap-highlight-color: transparent; }
.hx .th__deep { background: var(--deep); transition: background-color 0.5s; }
.hx .th__top { display: flex; align-items: center; gap: 10px; padding: 18px 16px 12px; }
.hx .th__who { flex: 1 1 0%; min-width: 0px; }
.hx .th__hi { font-size: 19px; font-weight: 800; letter-spacing: -0.01em; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .th__sub { font-size: 13px; line-height: 18px; opacity: 0.8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .th .header-actions { display: flex; align-items: center; gap: 10px; }
.hx .th .header-actions .wx { display: none; }
.hx[data-home-hdr="tabs"] .th .icon-btn--bell { width: 40px; height: 40px; border-radius: 12px; background: rgba(255, 255, 255, 0.14); box-shadow: none; }
.hx[data-home-hdr="tabs"] .th .icon-btn--bell img { filter: brightness(0) invert(1); }
.hx .th .avatar-btn { box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 2px; border-radius: 50%; }
.hx .th__tabs { display: grid; grid-template-columns: repeat(var(--n, 4), 1fr); padding: 2px 6px 0px; }
.hx .th__tab { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0px; min-height: 80px; padding: 9px 4px; border: 0px; background: none; border-radius: 18px 18px 0px 0px; color: rgba(255, 255, 255, 0.78); cursor: pointer; transition: background-color 0.5s, color 0.3s; }
.hx .th__tab[aria-selected="true"] { background: var(--tint); color: rgb(255, 255, 255); }
.hx .th__tab[aria-selected="true"]::before, .hx .th__tab[aria-selected="true"]::after { content: ""; position: absolute; bottom: 0px; width: 18px; height: 18px; pointer-events: none; }
.hx .th__tab[aria-selected="true"]::before { left: -18px; background: radial-gradient(circle at 0 0, transparent 17.5px, var(--tint) 18px); }
.hx .th__tab[aria-selected="true"]::after { right: -18px; background: radial-gradient(circle at 100% 0, transparent 17.5px, var(--tint) 18px); }
.hx .th__tab:first-child[aria-selected="true"]::before, .hx .th__tab:last-child[aria-selected="true"]::after { display: none; }
.hx .th__tab:focus-visible { outline: rgb(255, 255, 255) solid 2px; outline-offset: -4px; }
.hx .th__pic { width: 40px; height: 40px; border-radius: 12px; overflow: hidden; background: rgba(255, 255, 255, 0.16); transition: transform 0.35s cubic-bezier(0.3, 1.5, 0.5, 1); }
.hx .th__tab[aria-selected="true"] .th__pic { transform: translateY(-2px) scale(1.08); box-shadow: rgba(0, 0, 0, 0.5) 0px 6px 14px -6px; }
.hx .th__pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hx .th__lab { font-size: 12.5px; font-weight: 600; line-height: 15px; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
@container (max-width: 599px) {
  .hx .th__lab { font-size: 12.5px; line-height: 14px; white-space: normal; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .hx .th__tab { gap: 5px; padding-inline: 2px; }
}
.hx .th__body { position: relative; padding: 14px 16px 18px; isolation: isolate; border-radius: 0px 0px 26px 26px; overflow: hidden; }
.hx .th__pat { position: absolute; inset: 0px; z-index: -1; opacity: 0.09; background-size: 96px 96px; animation: 60s linear 0s infinite normal none running th-pat; }
@keyframes th-pat { 
  100% { background-position: 96px 96px; }
}
.hx[data-home-hdr="tabs"] .th .search-row { position: relative; top: auto; z-index: auto; margin: 0px; padding: 0px; background: none; }
.hx[data-home-hdr="tabs"] .th .search-row::before, .hx[data-home-hdr="tabs"] .th .search-row__profile { display: none; }
.hx[data-home-hdr="tabs"] .th .search { box-shadow: rgba(0, 0, 0, 0.4) 0px 6px 16px -10px; }
.hx[data-home-hdr="tabs"] .th .search-btn { box-shadow: rgba(0, 0, 0, 0.4) 0px 6px 16px -10px; }
.hx .th__chips { display: flex; gap: 20px; margin: 14px -16px 0px; padding: 0px 16px 2px; overflow-x: auto; scrollbar-width: none; }
.hx .th__chips::-webkit-scrollbar { display: none; }
.hx .th__chip { flex: 0 0 auto; position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0px; border: 0px; background: none; color: rgba(255, 255, 255, 0.72); font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; cursor: pointer; }
.hx .th__chip svg { width: 15px; height: 15px; }
.hx .th__chip i { font-style: normal; min-width: 18px; height: 18px; padding: 0px 5px; border-radius: 9px; background: rgba(255, 255, 255, 0.22); font-size: 10.5px; line-height: 18px; letter-spacing: 0px; text-align: center; }
.hx .th__chip i.hot { background: rgb(229, 72, 77); }
.hx .th__chip[aria-selected="true"] { color: rgb(255, 255, 255); }
.hx .th__chip[aria-selected="true"]::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 2px; height: 2.5px; border-radius: 2px; background: rgb(255, 255, 255); }
.hx .th__chip:focus-visible { outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; border-radius: 4px; }
.hx .th__wm { position: relative; display: flex; align-items: center; justify-content: center; gap: 2.2cqw; width: 100%; margin: 16px 0px 0px; padding: 4px 0px 20px; border: 0px; background: none; cursor: pointer; user-select: none; touch-action: pan-y; }
.hx .th__wm:focus-visible { outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; border-radius: 16px; }
.hx .th__w, .hx .th__ph { transition: none !important; }
.hx .th__w { font-family: Anton, Impact, sans-serif; font-size: var(--wm, 64px); line-height: 1; white-space: nowrap; text-transform: uppercase; text-shadow: rgba(0, 0, 0, 0.14) 0px 3px 0px; }
.hx .th__ph { position: relative; flex: 0 0 auto; width: var(--pw, 112px); height: calc(var(--pw, 112px) * .74); }
.hx .th__card { position: absolute; inset: 0px; border-radius: 14px; overflow: hidden; border: 3px solid rgb(255, 255, 255); background: rgb(221, 221, 221); transform: rotate(-4deg); box-shadow: rgba(0, 0, 0, 0.55) 0px 10px 22px -10px; }
.hx .th__card img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hx .th__tag { position: absolute; left: 50%; bottom: -13px; z-index: 2; transform: translateX(-50%); padding: 4px 10px; border-radius: 999px; background: rgb(255, 255, 255); color: var(--deep); font-size: 11px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap; box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 10px -4px; }
.hx .th__dots { display: flex; justify-content: center; gap: 1px; }
.hx .th__dot { display: grid; place-items: center; width: 20px; height: 20px; padding: 0px; border: 0px; background: none; cursor: pointer; }
.hx .th__dot i { width: 6px; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, 0.38); transition: width 0.3s, background 0.3s; }
.hx .th__dot[aria-current="true"] i { width: 16px; background: rgb(255, 255, 255); }
.hx .th__dot:focus-visible { outline: rgb(255, 255, 255) solid 2px; border-radius: 6px; }
.hx .th__tiles { display: flex; gap: 8px; margin: 16px -16px 0px; padding: 0px 16px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 16px; scrollbar-width: none; }
.hx .th__tiles::-webkit-scrollbar { display: none; }
.hx .th__tile { flex: 0 0 auto; scroll-snap-align: start; position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; width: 116px; height: 124px; padding: 10px; border: 1.5px solid rgba(255, 255, 255, 0.28); border-radius: 16px; background: rgba(0, 0, 0, 0.16); text-align: left; overflow: hidden; cursor: pointer; }
.hx .th__k { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 12.5px; font-weight: 700; line-height: 15px; }
.hx .th__s { display: block; margin-top: 2px; font-size: 11px; font-weight: 500; line-height: 13px; opacity: 0.78; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .th__v { position: absolute; left: 10px; bottom: 6px; font-family: Anton, Impact, sans-serif; font-size: 32px; line-height: 38px; }
.hx .th__v--long { font-size: 26px; }
.hx .th__img { position: absolute; right: 8px; bottom: 10px; width: 42px; height: 42px; border-radius: 10px; overflow: hidden; border: 2px solid rgba(255, 255, 255, 0.9); transform: rotate(6deg); }
.hx .th__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hx .th__tile--hot { border-color: rgba(255, 150, 150, 0.85); background: rgba(229, 72, 77, 0.3); }
.hx .th__tile--all { align-items: center; justify-content: center; gap: 6px; background: rgba(255, 255, 255, 0.1); text-align: center; }
.hx .th__tile--all b { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: rgb(255, 255, 255); color: var(--deep); font-size: 18px; }
.hx .th__tile--all span { font-size: 12.5px; font-weight: 700; }
.hx .th__tile:focus-visible { outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }
.hx .th__tile.in { animation-duration: 0.42s; animation-timing-function: cubic-bezier(0.2, 0.9, 0.3, 1.2); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: th-rise; animation-timeline: auto; animation-range: normal; animation-delay: calc(var(--i) * 40ms); }
@keyframes th-rise { 
  0% { opacity: 0; transform: translateY(12px); }
}
.hx .th__toast { position: fixed; left: 50%; bottom: 96px; z-index: 450; transform: translateX(-50%); padding: 10px 16px; border-radius: 12px; background: rgb(31, 42, 40); color: rgb(255, 255, 255); font: 600 13px / 1.4 Inter, system-ui, sans-serif; box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 30px -10px; pointer-events: none; }
@container (min-width: 600px) {
  .hx .th__top { padding: 26px 24px 14px; }
  .hx .th__hi { font-size: 22px; line-height: 28px; }
  .hx .th__tabs { padding: 2px 14px 0px; }
  .hx .th__tab { min-height: 88px; }
  .hx .th__pic { width: 46px; height: 46px; }
  .hx .th__lab { font-size: 14px; }
  .hx .th__body { padding: 16px 24px 22px; }
  .hx .th__chips { gap: 26px; margin-inline: -24px; padding-inline: 24px; }
  .hx .th__chip { font-size: 13px; }
  .hx .th__tiles { margin-inline: -24px; padding-inline: 24px; scroll-padding-inline: 24px; }
  .hx .th__tile { width: calc(23.2558cqw - 16.7442px); height: 132px; padding: 12px; }
  .hx .th__k { font-size: 14px; line-height: 17px; }
  .hx .th__s { font-size: 12px; line-height: 15px; }
  .hx .th__v { left: 12px; font-size: 38px; line-height: 44px; }
  .hx .th__v--long { font-size: 30px; }
  .hx .th__img { width: 54px; height: 54px; }
}
@container (max-width: 599px) {
  .hx .th__hi { font-size: 21px; line-height: 26px; }
  .hx .th__sub { font-size: 14px; line-height: 19px; }
  .hx .th__chip { font-size: 13px; }
  .hx .th__tag { font-size: 12px; }
  .hx .th__tile { width: 132px; height: 138px; }
  .hx .th__k { font-size: 14.5px; line-height: 17px; }
  .hx .th__s { font-size: 12.5px; line-height: 15px; }
  .hx .th__v { font-size: 34px; line-height: 40px; }
  .hx .th__v--long { font-size: 28px; }
  .hx .th__img { width: 46px; height: 46px; }
}
.hx .sitepop-veil { position: fixed; inset: 0px; z-index: 430; background: rgba(16, 45, 52, 0.32); backdrop-filter: blur(4px); opacity: 0; transition: opacity 200ms; }
.hx .sitepop-veil.is-on { opacity: 1; }
.hx .sitepop { position: fixed; left: 50%; top: 50%; z-index: 431; box-sizing: border-box; width: min(420px, -32px + 100vw); max-height: calc(-64px + 100dvh); overflow-y: auto; padding: 20px; border-radius: 20px; background: rgb(255, 255, 255); box-shadow: rgba(16, 45, 52, 0.45) 0px 30px 80px -20px; transform: translate(-50%, -48%) scale(0.96); opacity: 0; transition: transform 260ms var(--spring-smooth, cubic-bezier(.32, .72, 0, 1)), opacity 200ms ease; }
.hx .sitepop.is-on { transform: translate(-50%, -50%); opacity: 1; }
.hx .sitepop__head { display: flex; align-items: center; justify-content: space-between; }
.hx .sitepop__head h3 { margin: 0px; font-size: 20px; font-weight: 600; color: rgb(31, 65, 91); }
.hx .sitepop__x { position: relative; display: grid; place-items: center; width: 36px; height: 36px; padding: 0px; border: 0px; border-radius: 50%; background: rgb(241, 245, 243); color: rgb(68, 84, 74); cursor: pointer; }
.hx .sitepop__x::after { content: ""; position: absolute; inset: -4px; }
.hx .sitepop__x svg { width: 18px; height: 18px; }
.hx .sitepop__sub { margin: 4px 0px 14px; font-size: 13px; color: rgb(122, 134, 132); }
.hx .sitepop__list { display: flex; flex-direction: column; gap: 8px; }
.hx .sitepop__opt { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 60px; padding: 10px 16px; border: 1px solid rgb(223, 232, 228); border-radius: 12px; background: rgb(255, 255, 255); font: inherit; text-align: left; cursor: pointer; }
.hx .sitepop__opt span { display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
.hx .sitepop__opt b { font-size: 15px; font-weight: 600; color: rgb(31, 65, 91); }
.hx .sitepop__opt small { font-size: 12.5px; color: rgb(122, 134, 132); }
.hx .sitepop__opt i { flex: 0 0 auto; width: 20px; height: 20px; border: 2px solid rgb(197, 210, 205); border-radius: 50%; }
.hx .sitepop__opt[aria-checked="true"] { border-color: rgb(46, 125, 50); background: rgb(243, 250, 244); }
.hx .sitepop__opt[aria-checked="true"] i { border: 6px solid rgb(46, 125, 50); }
.hx .sitepop__opt:focus-visible { outline: rgb(46, 125, 50) solid 2px; outline-offset: 2px; }
.hx .l-seg { display: inline-flex; flex: 0 0 auto; padding: 3px; border-radius: var(--r-pill); background: rgba(255, 255, 255, 0.18); }
.hx .l-seg__opt { border: 0px; padding: 4px 12px; border-radius: var(--r-pill); background: none; color: rgba(255, 255, 255, 0.9); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: var(--fs-label); font-weight: 600; cursor: pointer; }
.hx .l-seg__opt[aria-pressed="true"] { background: var(--c-white); color: var(--ink); box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px; }
.hx .l-seg__opt:focus-visible { outline: 2px solid var(--c-white); outline-offset: 1px; }
.hx .l-sch__body { display: flex; flex: 1 1 auto; flex-direction: column; gap: 12px; min-height: 0px; }
.hx .l-sch__viz { display: flex; flex: 1 1 auto; align-items: center; gap: 24px; }
.hx .l-sch__donut { position: relative; flex: 0 0 auto; width: 132px; height: 132px; }
.hx .l-sch__donut svg { width: 100%; height: 100%; transform: rotate(0deg); }
.hx .l-sch__mid { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.1; }
.hx .l-sch__mid b { font-family: var(--font-num); font-size: 26px; font-weight: 700; }
.hx .l-sch__mid small { font-size: var(--fs-micro); opacity: 0.82; }
.hx .l-sch__legend { display: flex; flex: 1 1 auto; flex-direction: column; gap: 14px; min-width: 0px; }
.hx .l-sch__key { display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
.hx .l-sch__name { display: flex; align-items: center; gap: 6px; font-size: var(--fs-label); opacity: 0.92; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .l-sch__name i { flex: 0 0 auto; width: 10px; height: 10px; border-radius: 3px; }
.hx .l-sch__fig { display: flex; align-items: baseline; gap: 6px; padding-left: 16px; }
.hx .l-sch__fig b { font-family: var(--font-num); font-size: 20px; font-variant-numeric: tabular-nums; }
.hx .l-sch__fig small { font-size: var(--fs-micro); opacity: 0.8; }
.hx .card[data-h="1"] .l-entity__facts { margin-top: var(--s2); gap: var(--s5); }
.hx .card[data-h="1"] .l-entity__fact-value { font-size: var(--fs-label); }
.hx .card[data-h="1"] .l-entity__meta { display: none; }
.hx .card[data-h="1"] .l-entity__foot { margin-top: var(--s2); padding-top: var(--s2); }
.hx .card[data-h="1"] .l-entity__name { font-size: var(--fs-body); }
.hx .card[data-h="1"] .l-metrics__row[data-n="4"] { gap: var(--s1) var(--s4); }
.hx .card[data-h="1"] .l-tree__levels { gap: 5px; }
.hx .card[data-h="2"] .c-head { margin-bottom: var(--s5); }
.hx .card[data-h="2"] .l-flow__stages { flex-direction: column; align-items: stretch; justify-content: center; gap: var(--s5); }
.hx .card[data-h="2"] .l-flow__stages[data-n="4"], .hx .card[data-h="2"] .l-flow__stages[data-n="5"] { gap: var(--s5); }
.hx .card[data-h="2"] .l-flow__stage { flex: 0 0 auto; flex-direction: row; align-items: baseline; gap: var(--s3); }
.hx .card[data-h="2"] .l-flow__value { flex: 0 0 auto; min-width: 3.4em; }
.hx .card[data-h="2"] .l-flow__label { flex: 1 1 auto; font-size: var(--fs-label); -webkit-line-clamp: 1; }
.hx .card[data-h="2"] .l-flow__stage:not(:last-child)::after { right: auto; left: 7px; top: auto; bottom: calc(var(--s5) / -2 - 3px); transform: translateY(50%) rotate(135deg); }
.hx .l-fig { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; justify-content: flex-end; min-height: 0px; }
.hx .l-fig__value { font-family: var(--font-num); font-weight: 700; font-size: var(--fs-fig); line-height: 1; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; font-variation-settings: "opsz" 14; }
.hx .l-fig__value[data-long] { font-size: var(--fs-stat-sm); }
.hx .l-fig__sub { flex: 0 0 auto; margin-top: var(--s1); font-size: var(--fs-micro); opacity: 0.84; line-height: 1.3; }
.hx .l-fig__sub[data-tone="warn"] { color: var(--c-warn); opacity: 1; font-weight: 550; }
.hx .l-fig__sub[data-tone="alert"] { color: var(--c-alert); opacity: 1; font-weight: 550; }
.hx .l-duo { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; justify-content: center; gap: var(--s2); min-height: 0px; }
.hx .l-duo__row { display: flex; align-items: baseline; gap: 5px; min-width: 0px; }
.hx .l-duo__value { font-family: var(--font-num); font-weight: 700; font-size: var(--fs-metric); line-height: 1; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.hx .l-duo__tag { font-size: 10px; letter-spacing: 0.04em; opacity: 0.82; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-duo__rule { flex: 0 0 auto; height: 1px; background: rgba(255, 255, 255, 0.3); }
.hx .l-duo__row[data-tone="alert"] .l-duo__value { color: var(--c-alert); }
.hx .l-dial { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-dial__body { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; min-height: 0px; }
.hx .l-dial__ring { position: relative; flex: 0 0 auto; width: 92px; height: 92px; }
.hx .l-dial__ring svg { width: 100%; height: 100%; display: block; }
.hx .l-dial__track { fill: none; stroke: rgba(255, 255, 255, 0.26); }
.hx .l-dial__value { fill: none; stroke: rgb(255, 255, 255); stroke-linecap: round; }
.hx .l-dial__read { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.hx .l-dial__pct { font-family: var(--font-num); font-weight: 700; font-size: var(--fs-metric-sm); line-height: 1; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.hx .l-dial__unit { margin-top: 3px; font-size: 9.5px; opacity: 0.82; max-width: 56%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-spark { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; justify-content: space-between; min-height: 0px; }
.hx .l-week { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-week .c-head { margin-bottom: 2px; }
.hx .l-week__today { font-size: var(--fs-label); opacity: 0.85; }
.hx .l-week__today b { font-family: var(--font-num); font-weight: 700; font-size: var(--fs-metric); line-height: 1; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; margin-right: 3px; }
.hx .l-week__plot { flex: 1 1 auto; display: flex; align-items: stretch; gap: 3px; min-height: 52px; margin-top: var(--s2); }
.hx .l-week__col { flex: 1 1 0px; min-width: 0px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 2px; }
.hx .l-week__n { font-family: var(--font-num); font-weight: 600; font-size: var(--fs-micro); line-height: 1; font-variant-numeric: tabular-nums; opacity: 0.8; }
.hx .l-week__bar { display: block; width: 100%; min-height: 3px; border-radius: 2px 2px 0px 0px; background: rgba(255, 255, 255, 0.5); }
.hx .l-week__day { font-size: var(--fs-micro); line-height: 1; opacity: 0.6; margin-top: 2px; }
.hx .l-week__col[data-last] .l-week__bar { background: rgb(255, 255, 255); }
.hx .l-week__col[data-last] .l-week__n, .hx .l-week__col[data-last] .l-week__day { opacity: 1; font-weight: 700; }
.hx .l-spark__value { font-family: var(--font-num); font-weight: 700; font-size: var(--fs-metric); line-height: 1; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.hx .l-spark__plot { flex: 0 0 auto; display: flex; align-items: flex-end; gap: 2px; height: 42px; }
.hx .l-spark__bar { flex: 1 1 0px; min-width: 2px; min-height: 2px; border-radius: 2px 2px 0px 0px; background: rgba(255, 255, 255, 0.5); }
.hx .l-spark__bar[data-last] { background: rgb(255, 255, 255); }
.hx .l-stack { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-stack__body { flex: 1 1 auto; display: flex; align-items: stretch; gap: var(--s3); min-height: 0px; }
.hx .l-stack__bar { flex: 0 0 auto; width: 24px; display: flex; flex-direction: column; gap: 2px; }
.hx .l-stack__seg { border-radius: 3px; min-height: 3px; }
.hx .l-stack__seg[data-i="0"] { background: rgba(255, 255, 255, 0.95); }
.hx .l-stack__seg[data-i="1"] { background: rgba(255, 255, 255, 0.7); }
.hx .l-stack__seg[data-i="2"] { background: rgba(255, 255, 255, 0.46); }
.hx .l-stack__seg[data-i="3"] { background: rgba(255, 255, 255, 0.26); }
.hx .l-stack__read { flex: 1 1 auto; min-width: 0px; align-self: flex-end; }
.hx .l-stack__total { display: block; font-family: var(--font-num); font-weight: 700; font-size: var(--fs-metric); line-height: 1; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.hx .l-stack__caption { display: block; margin-top: var(--s1); font-size: var(--fs-micro); opacity: 0.84; }
.hx .l-pulse { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; align-items: flex-start; justify-content: flex-end; min-height: 0px; }
.hx .l-pulse__radar { position: absolute; z-index: 1; left: -28px; top: -28px; width: 132px; height: 132px; border-radius: var(--r-pill); border: 1.5px solid rgba(255, 255, 255, 0.2); pointer-events: none; }
.hx .l-pulse__radar::before, .hx .l-pulse__radar::after { content: ""; position: absolute; border-radius: var(--r-pill); border: 1.5px solid rgba(255, 255, 255, 0.2); }
.hx .l-pulse__radar::before { inset: 22px; }
.hx .l-pulse__radar::after { inset: 44px; }
.hx .l-pulse__word { font-size: var(--fs-card); font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; }
.hx .l-pulse__sub { margin-top: var(--s1); font-size: var(--fs-micro); opacity: 0.84; line-height: 1.3; }
.hx .l-pulse[data-tone="alert"] .l-pulse__word { color: var(--c-alert); }
.hx .l-heat { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-heat__body { flex: 1 1 auto; display: flex; align-items: center; gap: var(--s4); min-height: 0px; }
.hx .l-heat__grid { flex: 1 1 auto; align-self: stretch; display: grid; gap: 3px; min-width: 0px; grid-auto-rows: minmax(0px, 1fr); max-width: 250px; }
.hx .l-heat__cell { border-radius: 3px; background: rgba(255, 255, 255, var(--a, .3)); }
.hx .l-heat__read { flex: 0 0 auto; text-align: right; }
.hx .l-heat__value { display: block; font-family: var(--font-num); font-weight: 700; font-size: var(--fs-metric-sm); line-height: 1; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.hx .l-heat__caption { display: block; margin-top: var(--s1); font-size: var(--fs-micro); opacity: 0.84; }
.hx .l-trend { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; justify-content: flex-end; min-height: 0px; }
.hx .l-trend__read { display: flex; align-items: baseline; gap: var(--s2); min-width: 0px; }
.hx .l-trend__value { flex: 0 0 auto; font-family: var(--font-num); font-weight: 700; font-size: var(--fs-metric); line-height: 1; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.hx .l-trend__caption { font-size: var(--fs-micro); opacity: 0.84; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-trend__plot { flex: 0 0 auto; margin-top: var(--s2); height: 40px; display: flex; align-items: flex-end; gap: 2px; }
.hx .l-trend__bar { flex: 1 1 0px; min-width: 1px; min-height: 2px; border-radius: 2px 2px 0px 0px; background: rgba(255, 255, 255, 0.4); }
.hx .l-trend__bar[data-last] { background: rgb(255, 255, 255); }
.hx .l-strip { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; justify-content: center; gap: var(--s2); min-height: 0px; }
.hx .l-strip__read { display: flex; align-items: baseline; gap: var(--s2); }
.hx .l-strip__total { font-family: var(--font-num); font-weight: 700; font-size: var(--fs-metric); line-height: 1; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.hx .l-strip__unit { font-size: var(--fs-label); opacity: 0.84; }
.hx .l-strip__bar { flex: 0 0 auto; display: flex; gap: 2px; height: 10px; }
.hx .l-strip__seg { border-radius: 3px; min-width: 3px; }
.hx .l-strip__seg[data-i="0"] { background: rgba(255, 255, 255, 0.95); }
.hx .l-strip__seg[data-i="1"] { background: rgba(255, 255, 255, 0.6); }
.hx .l-strip__seg[data-i="2"] { background: rgba(255, 255, 255, 0.34); }
.hx .l-strip__keys { flex: 0 0 auto; display: flex; flex-wrap: wrap; gap: var(--s1) var(--s4); }
.hx .l-strip__key { display: flex; align-items: center; gap: 5px; font-size: var(--fs-micro); }
.hx .l-strip__swatch { flex: 0 0 auto; width: 6px; height: 6px; border-radius: var(--r-pill); }
.hx .l-strip__key[data-i="0"] .l-strip__swatch { background: rgba(255, 255, 255, 0.95); }
.hx .l-strip__key[data-i="1"] .l-strip__swatch { background: rgba(255, 255, 255, 0.6); }
.hx .l-strip__key[data-i="2"] .l-strip__swatch { background: rgba(255, 255, 255, 0.34); }
.hx .l-vs { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; justify-content: center; gap: var(--s2); min-height: 0px; }
.hx .l-vs__line { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s2); }
.hx .l-vs__value { font-family: var(--font-num); font-weight: 700; font-size: var(--fs-metric-sm); line-height: 1; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.hx .l-vs__value--b { opacity: 0.78; }
.hx .l-vs__bar { flex: 0 0 auto; display: flex; height: 12px; gap: 3px; }
.hx .l-vs__bar i:first-child { background: rgb(255, 255, 255); border-radius: 4px 0px 0px 4px; }
.hx .l-vs__bar i:last-child { background: rgba(255, 255, 255, 0.42); border-radius: 0px 4px 4px 0px; }
.hx .l-vs__tags { display: flex; justify-content: space-between; gap: var(--s2); font-size: var(--fs-micro); opacity: 0.84; }
.hx .l-rail { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; justify-content: flex-end; min-height: 0px; }
.hx .l-rail__read { display: flex; align-items: baseline; gap: var(--s2); min-width: 0px; }
.hx .l-rail__value { flex: 0 0 auto; font-family: var(--font-num); font-weight: 700; font-size: var(--fs-metric); line-height: 1; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.hx .l-rail__caption { font-size: var(--fs-micro); opacity: 0.84; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-rail__scale { position: relative; flex: 0 0 auto; height: 26px; margin-top: var(--s1); }
.hx .l-rail__ticks { position: absolute; inset: auto 0px 6px; display: flex; justify-content: space-between; align-items: flex-end; height: 18px; }
.hx .l-rail__ticks i { width: 1.5px; height: 6px; border-radius: 1px; background: rgba(255, 255, 255, 0.4); }
.hx .l-rail__ticks i[data-major] { height: 13px; background: rgba(255, 255, 255, 0.7); }
.hx .l-rail__mark { position: absolute; bottom: 1px; width: 12px; height: 12px; border-radius: var(--r-pill); background: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.26) 0px 0px 0px 3px; transform: translateX(-50%); }
.hx .l-ladder { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-ladder__bands { flex: 1 1 auto; display: flex; flex-direction: column; gap: 3px; min-height: 0px; }
.hx .l-ladder__band { display: flex; align-items: center; gap: var(--s2); min-height: 22px; padding: 0 var(--s3); border-radius: 7px; overflow: hidden; }
.hx .l-ladder__count { flex: 0 0 auto; font-family: var(--font-num); font-weight: 700; font-size: var(--fs-body); font-variant-numeric: tabular-nums; }
.hx .l-ladder__name { font-size: var(--fs-micro); min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-ladder__band[data-i="0"] { background: rgb(255, 255, 255); color: var(--ink); }
.hx .l-ladder__band[data-i="1"] { background: rgba(255, 255, 255, 0.6); }
.hx .l-ladder__band[data-i="2"] { background: rgba(255, 255, 255, 0.4); }
.hx .l-ladder__band[data-i="3"] { background: rgba(255, 255, 255, 0.28); }
.hx .l-ladder__band[data-i="4"] { background: rgba(255, 255, 255, 0.18); }
.hx .l-taxa { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-taxa__map { flex: 1 1 auto; display: flex; min-height: 0px; border-radius: 8px; overflow: hidden; }
.hx .l-taxa__col { flex: 0 0 auto; display: flex; flex-direction: column; min-width: 0px; }
.hx .l-taxa__block { flex: 0 0 auto; display: flex; flex-direction: column; justify-content: flex-end; padding: var(--s2) var(--s3); min-width: 0px; min-height: 0px; overflow: hidden; }
.hx .l-taxa__map > .l-taxa__block { height: 100%; }
.hx .l-taxa__value { font-family: var(--font-num); font-weight: 700; font-size: var(--fs-body); line-height: 1; font-variant-numeric: tabular-nums; }
.hx .l-taxa__name { font-size: 10px; opacity: 0.9; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-taxa__block[data-i="0"] { background: rgba(255, 255, 255, 0.92); color: var(--ink); }
.hx .l-taxa__block[data-i="0"] .l-taxa__value { font-size: var(--fs-metric-sm); }
.hx .l-taxa__block[data-i="1"] { background: rgba(255, 255, 255, 0.5); }
.hx .l-taxa__block[data-i="2"] { background: rgba(255, 255, 255, 0.34); }
.hx .l-taxa__block[data-i="3"] { background: rgba(255, 255, 255, 0.24); }
.hx .l-taxa__block[data-i="4"] { background: rgba(255, 255, 255, 0.16); }
.hx .l-shelf { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-shelf__rows { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; gap: var(--s3); }
.hx .l-shelf__row { min-width: 0px; }
.hx .l-shelf__line { display: flex; align-items: baseline; gap: var(--s2); margin-bottom: 5px; }
.hx .l-shelf__name { font-size: var(--fs-micro); min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-shelf__count { margin-left: auto; flex: 0 0 auto; font-family: var(--font-num); font-weight: 700; font-size: var(--fs-micro); font-variant-numeric: tabular-nums; }
.hx .l-shelf__pips { display: flex; gap: 3px; height: 13px; }
.hx .l-shelf__pips i { flex: 1 1 0px; min-width: 2px; border-radius: 2px; background: rgba(255, 255, 255, 0.9); }
.hx .l-shelf__pips i[data-expiring] { background: rgba(0, 0, 0, 0.3); }
.hx .l-shelf__foot { flex: 0 0 auto; margin-top: var(--s3); padding-top: var(--s3); border-top: 1px solid rgba(255, 255, 255, 0.22); display: flex; align-items: center; gap: 7px; font-size: var(--fs-micro); opacity: 0.86; }
.hx .l-shelf__foot i { flex: 0 0 auto; width: 10px; height: 10px; border-radius: 2px; background: rgba(0, 0, 0, 0.3); }
.hx .l-clutch { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-clutch__grid { flex: 1 1 auto; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr 1fr; gap: var(--s2); min-height: 0px; }
.hx .l-clutch__tile { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--s1); padding: 6px; border-radius: 10px; background: rgba(255, 255, 255, 0.16); min-width: 0px; min-height: 0px; }
.hx .l-clutch__tile[data-due] { background: rgba(255, 255, 255, 0.42); }
.hx .l-clutch__egg { flex: 0 0 auto; width: 26px; height: 33px; }
.hx .l-clutch__egg svg { width: 100%; height: 100%; display: block; }
.hx .l-clutch__egg .l-clutch__shell { fill: none; stroke: rgba(255, 255, 255, 0.3); }
.hx .l-clutch__egg .l-clutch__done { fill: none; stroke: rgb(255, 255, 255); stroke-linecap: round; }
.hx .l-clutch__day { font-family: var(--font-num); font-weight: 700; font-size: var(--fs-micro); font-variant-numeric: tabular-nums; }
.hx .l-month { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-month__grid { flex: 1 1 auto; min-height: 0px; display: grid; grid-template-columns: repeat(7, 1fr); grid-auto-rows: minmax(0px, 1fr); gap: 4px; }
.hx .l-month__day { display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255, 255, 255, 0.1); font-family: var(--font-num); font-size: 11px; font-weight: 500; font-variant-numeric: tabular-nums; }
.hx .l-month__day[data-pad] { background: none; }
.hx .l-month__day[data-due] { background: rgba(255, 255, 255, 0.34); font-weight: 700; }
.hx .l-month__day[data-overdue] { background: rgb(255, 255, 255); color: var(--ink); font-weight: 700; }
.hx .l-month__day[data-today] { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1.5px inset; }
.hx .l-month__foot { flex: 0 0 auto; margin-top: var(--s3); display: flex; gap: var(--s6); }
.hx .l-month__fact-value { display: block; font-family: var(--font-num); font-weight: 700; font-size: var(--fs-body); font-variant-numeric: tabular-nums; }
.hx .l-month__fact-label { display: block; font-size: var(--fs-micro); opacity: 0.84; }
.hx .card[data-w="1"][data-h="1"] .c-head { margin-bottom: var(--s2); }
.hx .card[data-w="1"][data-h="1"] .c-head__text { display: none; }
.hx .card[data-h="1"] .l-dial__ring { width: 78px; height: 78px; }
.hx .card[data-h="1"] .l-dial__pct { font-size: var(--fs-metric-sm); }
.hx .card[data-w="1"] .l-heat__body { gap: var(--s2); }
@container card (max-width: 300px) {
  .hx .l-door__name { white-space: normal; line-height: 1.18; }
  .hx .c-head__text { font-size: var(--fs-label); }
  .hx .l-metrics__row { gap: var(--s2) var(--s4); }
  .hx .l-queue__total { font-size: var(--fs-body); }
  .hx .l-recent__item { flex-direction: column; align-items: flex-start; gap: 2px; }
  .hx .l-recent__name { white-space: normal; }
  .hx .l-ring__dial { width: 64px; height: 64px; }
  .hx .l-ring__body { gap: var(--s3); }
  .hx .l-arc__dial { width: 84px; }
  .hx .l-arc__body { gap: var(--s3); }
  .hx .l-flow__stages { gap: var(--s4); }
  .hx .l-flow__stage:not(:last-child)::after { right: calc(var(--s4) / -2 - 3px); }
  .hx .l-flow__value { font-size: var(--fs-body); }
  .hx .card__mark { width: 84px; height: 84px; }
  .hx .l-entity__facts { gap: var(--s5); }
}
@container card (max-width: 145px) {
  .hx .l-door__name { font-size: var(--fs-body); }
}
@container card (max-width: 110px) {
  .hx .l-door__name { font-size: var(--fs-label); }
}
@container card (min-width: 520px) {
  .hx .l-metrics__row { gap: var(--s4) var(--s10); }
  .hx .l-queue__rows, .hx .l-timeline__items, .hx .l-recent__items { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s3) var(--s8); }
  .hx .l-actions__set { flex-direction: row; }
  .hx .l-action { flex: 1 1 0px; justify-content: center; }
  .hx .l-ring__legend, .hx .l-attn__items, .hx .l-meters__rows, .hx .l-status__rows { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s3) var(--s8); align-content: center; }
  .hx .l-arc__facts { flex-direction: row; gap: var(--s10); }
  .hx .l-arc__fact { flex: 0 1 auto; }
}
.hx.is-editing .updates, .hx.is-editing .search { opacity: 0.5; filter: saturate(0.72); pointer-events: none; transition: opacity var(--t-base) var(--ease), filter var(--t-base) var(--ease); }
.hx .updates, .hx .search { transition: opacity var(--t-base) var(--ease), filter var(--t-base) var(--ease); }
.hx.is-editing .slot > .card { animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-delay: var(--jiggle-delay, 0ms); will-change: transform; }
.hx.is-editing .slot[data-jiggle="b"] > .card { animation-name: jiggle-b; }
.hx.is-editing .slot[data-jiggle="c"] > .card { animation-name: jiggle-c; }
.hx.is-editing .slot.is-source > .card, .hx.is-editing .slot.is-grabbed > .card { animation: auto ease 0s 1 normal none running none; }
.hx.is-hidden .slot > .card { animation-play-state: paused; }
@keyframes jiggle-a { 
  0% { transform: rotate(-0.62deg) translate(0px, 0.18px); }
  25% { transform: rotate(0.34deg) translate(0.22px, -0.3px); }
  50% { transform: rotate(0.6deg) translate(0px, 0.26px); }
  75% { transform: rotate(-0.3deg) translate(-0.22px, -0.18px); }
  100% { transform: rotate(-0.62deg) translate(0px, 0.18px); }
}
@keyframes jiggle-b { 
  0% { transform: rotate(0.55deg) translate(0.18px, -0.22px); }
  25% { transform: rotate(-0.4deg) translate(0px, 0.3px); }
  50% { transform: rotate(-0.7deg) translate(-0.2px, -0.14px); }
  75% { transform: rotate(0.36deg) translate(0.16px, 0.24px); }
  100% { transform: rotate(0.55deg) translate(0.18px, -0.22px); }
}
@keyframes jiggle-c { 
  0% { transform: rotate(-0.44deg) translate(0.2px, 0.24px); }
  25% { transform: rotate(0.58deg) translate(-0.16px, -0.2px); }
  50% { transform: rotate(0.3deg) translate(0.14px, 0.28px); }
  75% { transform: rotate(-0.66deg) translate(-0.18px, -0.12px); }
  100% { transform: rotate(-0.44deg) translate(0.2px, 0.24px); }
}
.hx.is-editing .card { cursor: grab; }
.hx.is-editing .card:active { cursor: grabbing; transform: none; }
.hx.is-editing .card:hover { transform: none; box-shadow: var(--e1); }
.hx.is-editing .slot { touch-action: manipulation; }
.hx.is-dragging, .hx.is-dragging .slot { touch-action: none; }
.hx.is-dragging { user-select: none; cursor: grabbing; }
.hx .slot__remove { position: absolute; top: -9px; left: -9px; z-index: 6; display: grid; place-items: center; width: 28px; height: 28px; padding: 0px; border: 2px solid var(--canvas-2); border-radius: var(--r-pill); background: var(--ink); color: rgb(255, 255, 255); cursor: pointer; box-shadow: rgba(16, 55, 63, 0.3) 0px 2px 8px; animation: pop-in var(--t-base) var(--ease-out) both; }
.hx .slot__remove::before { content: ""; position: absolute; inset: -8px; border-radius: inherit; }
.hx .slot__remove .icon { width: 16px; height: 16px; }
.hx .slot__remove:hover { background: var(--clay); }
.hx .slot__remove:active { transform: scale(0.9); }
@keyframes pop-in { 
  0% { opacity: 0; transform: scale(0.4); }
  100% { opacity: 1; transform: scale(1); }
}
.hx .slot__locked { position: absolute; top: -9px; left: -9px; z-index: 6; display: grid; place-items: center; width: 28px; height: 28px; border-radius: var(--r-pill); border: 2px solid var(--canvas-2); background: var(--petrol-200); color: var(--petrol-800); animation: pop-in var(--t-base) var(--ease-out) both; }
.hx .slot__locked .icon { width: 14px; height: 14px; }
.hx .slot.is-source .slot__remove, .hx .slot.is-source .slot__locked { display: none; }
.hx .slot.is-grabbed .card { box-shadow: var(--e-drag); transform: scale(1.03); transition: transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease); }
.hx .a11y-live { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; }
.hx .slot__resize { position: absolute; right: -9px; bottom: -9px; z-index: 6; display: grid; place-items: center; width: 28px; height: 28px; padding: 0px; border: 2px solid var(--canvas-2); border-radius: var(--r-pill); background: var(--petrol-600); color: rgb(255, 255, 255); cursor: pointer; box-shadow: rgba(16, 55, 63, 0.3) 0px 2px 8px; animation: pop-in var(--t-base) var(--ease-out) both; }
.hx .slot__resize::before { content: ""; position: absolute; inset: -8px; border-radius: inherit; }
.hx .slot__resize .icon { width: 14px; height: 14px; }
.hx .slot__resize:hover { background: var(--petrol-800); }
.hx .slot__resize:active { transform: scale(0.9); }
.hx .slot.is-source .slot__resize { display: none; }
.hx .size-pop { position: fixed; z-index: calc(var(--z-drag) + 10); padding: var(--s4); border-radius: 18px; background: rgba(255, 255, 255, 0.94); box-shadow: var(--e2), 0 24px 56px -18px rgba(16, 55, 63, .34); backdrop-filter: blur(14px) saturate(1.1); opacity: 0; transform: translateY(-4px) scale(0.95); transform-origin: center top; transition: opacity var(--t-menu) var(--ease-out), transform var(--t-menu) var(--ease-out); }
.hx .size-pop.is-open { opacity: 1; transform: translateY(0px) scale(1); }
.hx .size-pop[hidden] { display: none !important; }
.hx .size-pop .size-picker__row { flex-wrap: nowrap; }
.hx .pmenu-catcher { position: fixed; inset: 0px; z-index: calc(var(--z-sheet) - 1); }
.hx .pmenu-catcher[hidden] { display: none; }
.hx .pmenu { position: fixed; z-index: var(--z-sheet); width: min(304px, -24px + 100vw); padding: var(--s2); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; border-radius: 18px; background: rgba(255, 255, 255, 0.94); backdrop-filter: blur(20px) saturate(1.6); box-shadow: rgba(31, 65, 91, 0.1) 0px 1px 2px, rgba(31, 65, 91, 0.38) 0px 24px 60px -18px; outline: rgba(31, 65, 91, 0.07) solid 1px; outline-offset: -1px; opacity: 0; transform: scale(0.95) translateY(-4px); transform-origin: right top; transition: opacity var(--t-menu) var(--ease-out), transform var(--t-menu) var(--ease-out); }
.hx .pmenu[hidden] { display: none; }
.hx .pmenu-catcher.pdrawer-veil { background: rgba(16, 45, 52, 0.38); }
.hx.pmenu-lock, .hx.pmenu-lock body { overflow: hidden; overscroll-behavior: none; }
.hx .pmenu.pdrawer { inset: 0px auto 0px 0px; width: min(400px, 86vw); height: 100dvh; display: flex; flex-direction: column; padding: env(safe-area-inset-top) 0 0; overflow: hidden; border-radius: 0px 24px 24px 0px; background: rgb(255, 255, 255); backdrop-filter: none; outline: 0px; box-shadow: rgba(16, 45, 52, 0.45) 16px 0px 48px -16px; opacity: 1; transform: translateX(-104%); transform-origin: left center; transition: transform 340ms var(--spring-smooth, cubic-bezier(.32, .72, 0, 1)); max-height: none !important; }
.hx .pmenu.pdrawer.is-open { transform: translateX(0px); }
.hx .pdrawer__top { flex: 0 0 auto; }
.hx .pdrawer__brand { display: flex; align-items: center; justify-content: center; gap: 14px; padding: clamp(8px, 2dvh, 30px) 24px clamp(6px, 1.6dvh, 24px); color: rgb(17, 17, 17); }
.hx .pdrawer__logo { display: block; width: auto; height: clamp(48px, -80px + 20dvh, 110px); }
.hx .pdrawer__bar { width: 2px; height: clamp(40px, 6.6dvh, 70px); background: rgb(17, 17, 17); }
.hx .pdrawer__words { font-size: clamp(11px, 1.5dvh, 14px); font-weight: 800; line-height: 1.12; letter-spacing: 0.02em; text-transform: uppercase; }
.hx .pdrawer__org { padding: 18px 28px; border-block: 1px solid rgba(31, 65, 91, 0.08); font-size: 17px; font-weight: 500; color: rgb(68, 84, 74); }
.hx .pdrawer__user { display: flex; align-items: center; gap: 14px; padding: clamp(8px, 1.6dvh, 16px) 28px; border-block: 1px solid rgba(31, 65, 91, 0.08); }
.hx .pdrawer__user img { width: 40px; height: 40px; border-radius: 50%; background: rgb(228, 224, 250); }
.hx .pdrawer__user b { display: block; font-size: 16px; font-weight: 600; color: rgb(17, 17, 17); }
.hx .pdrawer__user small { display: block; margin-top: 2px; font-size: 12.5px; color: rgb(122, 134, 132); }
.hx .pdrawer__list { flex: 1 1 auto; min-height: 0px; overflow-y: auto; overscroll-behavior: contain; padding: 4px 12px; }
.hx .pdrawer .pdrawer__row { display: flex; align-items: center; gap: 14px; width: 100%; min-height: clamp(34px, 4.7dvh, 50px); padding: 0px 16px; }
.hx .pdrawer .pdrawer__row .pmenu__label { font-size: 14px; font-weight: 500; color: rgb(17, 17, 17); }
.hx .pdrawer__ic { flex: 0 0 auto; width: 20px; height: 20px; color: rgb(17, 17, 17); }
.hx .pdrawer .pdrawer__list > .pmenu__item:not(.pdrawer__row) { min-height: clamp(34px, 4.7dvh, 50px); padding-block: 0px; }
.hx .pdrawer .pdrawer__list > .pmenu__item:not(.pdrawer__row) .pmenu__note { display: none; }
.hx .pdrawer .pdrawer__h { margin: clamp(4px, 1.2dvh, 14px) 0px clamp(2px, 0.4dvh, 6px); padding-top: clamp(6px, 1.4dvh, 16px); border-top: 1px solid rgba(31, 65, 91, 0.08); }
.hx .pdrawer__seg { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: clamp(38px, 5dvh, 52px); padding: 0px 8px 0px 16px; }
.hx .pdrawer__seg-t { display: inline-flex; align-items: center; gap: 14px; min-width: 0px; }
.hx .pdrawer .pdrawer__list > .pmenu__item:not(.pdrawer__row) { gap: 14px; padding-inline: 16px; }
.hx .pdrawer .pdrawer__list > .pmenu__item:not(.pdrawer__row) .pmenu__icon { width: 20px; height: 20px; border-radius: 0px; background: none; color: rgb(17, 17, 17); }
.hx .pdrawer .pdrawer__list > .pmenu__item:not(.pdrawer__row) .pmenu__icon .icon { width: 20px; height: 20px; }
.hx .pdrawer .pdrawer__list .pmenu__label { font-size: 14px; font-weight: 500; color: rgb(17, 17, 17); }
.hx .pdrawer .pdrawer__list > .pmenu__item.is-danger .pmenu__icon { background: none; color: rgb(17, 17, 17); }
.hx .pdrawer .pdrawer__list > .pmenu__item.is-danger .pmenu__label { color: rgb(17, 17, 17); }
.hx .pdrawer .pdrawer__list > .pmenu__item:hover .pmenu__icon { background: none; }
.hx .pdrawer__seg-opts { display: inline-flex; gap: 2px; padding: 3px; border-radius: 12px; background: rgba(31, 65, 91, 0.07); }
.hx .pdrawer .pdrawer__opt { display: inline-flex; align-items: center; width: auto; min-height: 30px; padding: 0px 11px; border-radius: 8px; font-size: 12.5px; font-weight: 600; color: rgb(68, 84, 74); }
.hx .pdrawer .pdrawer__opt[aria-checked="true"] { background: rgb(255, 255, 255); color: rgb(31, 65, 91); box-shadow: rgba(31, 65, 91, 0.16) 0px 1px 3px; }
.hx .pdrawer .pdrawer__out .pmenu__label, .hx .pdrawer .pdrawer__out .pdrawer__ic { color: rgb(200, 65, 78); }
.hx .pdrawer .pmenu__heading { padding-inline: 16px; }
.hx .pdrawer .pdrawer__list { padding-top: clamp(4px, 1dvh, 12px); }
.hx .pdrawer .pdrawer__list .pmenu__rule { margin: clamp(4px, 1.2dvh, 14px) 16px; }
.hx .pdrawer .pmenu__heading-text { font-size: 11px; letter-spacing: 0.08em; color: rgb(122, 134, 132); }
.hx .pdrawer__end { flex: 0 0 auto; padding: 2px 12px; border-top: 1px solid rgba(31, 65, 91, 0.08); }
.hx .pdrawer__foot { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 28px calc(8px + env(safe-area-inset-bottom)); border-top: 1px solid rgba(31, 65, 91, 0.08); font-size: 12px; color: rgb(122, 134, 132); }
.hx .pdrawer__a { display: block; width: 30px; height: 30px; }
.hx .pmenu.is-open { opacity: 1; transform: scale(1) translateY(0px); }
.hx .pmenu__head { display: flex; align-items: center; gap: var(--s3); padding: var(--s3) var(--s3) var(--s4); min-width: 0px; }
.hx .pmenu__avatar { flex: 0 0 auto; width: 40px; height: 40px; border-radius: var(--r-pill); display: block; }
.hx .pmenu__who { display: flex; flex-direction: column; min-width: 0px; gap: 1px; }
.hx .pmenu__name { font-size: var(--fs-body); font-weight: 650; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .pmenu__role { font-size: var(--fs-micro); color: var(--ink-3); }
.hx .pmenu__rule { display: block; height: 1px; margin: var(--s2) var(--s3); background: var(--line); }
.hx .pmenu__item { display: flex; align-items: center; gap: var(--s3); width: 100%; min-width: 0px; padding: 9px var(--s3); border: none; border-radius: 12px; background: transparent; cursor: pointer; text-align: left; transition: background var(--t-fast) var(--ease); }
.hx .pmenu__item:hover, .hx .pmenu__item:focus-visible { background: var(--petrol-050); }
.hx .pmenu__icon { flex: 0 0 auto; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--petrol-050); color: var(--petrol-700); }
.hx .pmenu__item:hover .pmenu__icon { background: var(--petrol-100); }
.hx .pmenu__icon .icon { width: 17px; height: 17px; }
.hx .pmenu__text { display: flex; flex-direction: column; min-width: 0px; gap: 1px; }
.hx .pmenu__label { font-size: var(--fs-label); font-weight: 600; color: var(--ink); }
.hx .pmenu__note { font-size: var(--fs-micro); color: var(--ink-3); line-height: 1.3; }
.hx .pmenu__item.is-danger .pmenu__icon { background: rgb(255, 241, 220); color: rgb(169, 102, 15); }
.hx .pmenu__item.is-danger:hover { background: rgb(255, 246, 233); }
.hx .pmenu__item.is-danger:hover .pmenu__icon { background: rgb(255, 231, 196); }
.hx .pmenu__item.is-danger .pmenu__label { color: rgb(138, 90, 22); }
.hx .avatar-btn[aria-expanded="true"] { box-shadow: 0 0 0 3px color-mix(in srgb, var(--sig) 34%, transparent); }
.hx { --picker-split: 0; }
.hx .scrim[hidden], .hx .sheet[hidden] { display: none !important; }
.hx .scrim { position: fixed; inset: 0px; z-index: var(--z-sheet); background: rgba(10, 38, 44, 0.34); backdrop-filter: blur(3px) saturate(0.9); opacity: 0; transition: opacity var(--t-sheet) var(--ease-sheet); }
.hx .scrim.is-open { opacity: 1; }
.hx .sheet { position: fixed; z-index: calc(var(--z-sheet) + 1); left: 4px; right: 4px; bottom: 4px; height: 92dvh; display: grid; grid-template: "head" "side" minmax(0px, 1fr) / minmax(0px, 1fr); border-radius: var(--r-sheet); background: linear-gradient(180deg, var(--c-white) 0%, var(--surface-tint) 100%); box-shadow: rgba(10, 38, 44, 0.34) 0px -8px 60px -12px; overflow: hidden; transform: translateY(100%); transition: transform var(--t-sheet) var(--ease-sheet); }
.hx .sheet.is-open { transform: translateY(0px); }
.hx .sheet__handle { position: absolute; top: 9px; left: 50%; translate: -50%; width: 40px; height: 4px; border-radius: var(--r-pill); background: var(--petrol-200); z-index: 3; }
.hx .sheet__head { grid-area: head; display: flex; align-items: center; justify-content: space-between; gap: var(--s4); padding: var(--s6) var(--pad-page) var(--s3); min-width: 0px; }
.hx .sheet__title { font-size: clamp(20px, 1.1rem + 0.8vw, 26px); font-weight: 700; letter-spacing: -0.02em; color: var(--ink); }
.hx .sheet__close { width: var(--btn); height: var(--btn); display: grid; place-items: center; border: none; border-radius: var(--r-pill); background: var(--petrol-050); color: var(--ink-2); cursor: pointer; transition: background var(--t-fast) var(--ease), color var(--t-fast) var(--ease); }
.hx .sheet__close:hover { background: var(--petrol-100); color: var(--ink); }
.hx .sheet__close .icon { width: 19px; height: 19px; }
.hx .sheet__side { grid-area: side; display: flex; flex-direction: column; min-width: 0px; min-height: 0px; padding: 0 var(--pad-page) var(--s4); }
.hx .sheet-search { position: relative; flex: 0 0 auto; }
.hx .sheet-search .icon { position: absolute; left: 16px; top: 50%; translate: 0px -50%; width: 19px; height: 19px; color: var(--ink-4); pointer-events: none; }
.hx .sheet-search input { width: 100%; height: 48px; padding: 0px 16px 0px 46px; border: 1px solid var(--line); border-radius: var(--r-field); background: var(--surface); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: var(--fs-body); color: var(--ink); transition: border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease); }
.hx .sheet-search input::placeholder { color: var(--ink-3); }
.hx .sheet-search input:focus { outline: none; border-color: color-mix(in srgb, var(--sig) 45%, transparent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--sig) 11%, transparent); }
.hx .sheet-search__clear { position: absolute; right: 8px; top: 50%; translate: 0px -50%; width: 32px; height: 32px; display: none; place-items: center; border: none; border-radius: var(--r-pill); background: var(--petrol-050); color: var(--ink-3); cursor: pointer; }
.hx .sheet-search.has-value .sheet-search__clear { display: grid; }
.hx .sheet-search.has-value input { padding-right: 44px; }
.hx .sheet-search__clear .icon { width: 15px; height: 15px; }
.hx .mod-rail { flex: 1 1 auto; min-height: 0px; overflow-y: auto; overscroll-behavior: contain; margin-top: var(--s4); margin-inline: calc(var(--s2) * -1); padding-inline: var(--s2); }
.hx .mod-rail::-webkit-scrollbar { width: 8px; }
.hx .mod-rail::-webkit-scrollbar-thumb { background: var(--petrol-100); border-radius: var(--r-pill); }
.hx .sheet__side { position: relative; }
.hx .sheet__side::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 40px; background: linear-gradient(rgba(250, 253, 253, 0), rgba(250, 253, 253, 0.95)); pointer-events: none; }
.hx .mod-item { display: flex; align-items: center; width: 100%; min-width: 0px; padding-right: 2px; border-radius: 8px; transition: background var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease); }
.hx .mod-item:hover { background: var(--petrol-050); }
.hx .mod-item.is-selected { background: var(--surface-sel); }
.hx .mod-row { flex: 1 1 auto; display: flex; align-items: center; gap: 12px; min-width: 0px; padding: 5px 4px 5px 8px; border: none; border-radius: 8px; background: transparent; cursor: pointer; text-align: left; }
.hx .mod-row__icon { flex: 0 0 auto; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; }
.hx .mod-row__icon img { display: block; width: 18px; height: 18px; }
.hx .mod-row__name { flex: 1 1 auto; min-width: 0px; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; color: var(--c-on-primary-ctr, #1F515B); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .sheet__body:focus, .hx .sheet__body:focus-visible { outline: none; }
.hx .sheet__body { grid-area: side; min-width: 0px; min-height: 0px; overflow-y: auto; overscroll-behavior: contain; padding: 0 var(--pad-page) var(--s8); background: inherit; }
.hx .sheet:not(.is-detail) .sheet__body { display: none; }
.hx .sheet.is-detail .sheet__side { display: none; }
.hx .detail-back { display: inline-flex; align-items: center; gap: 4px; align-self: flex-start; height: 36px; margin-block: var(--s2) var(--s4); padding: 0 var(--s3) 0 var(--s2); border: none; border-radius: var(--r-pill); background: var(--petrol-050); color: var(--petrol-800); font-size: var(--fs-label); font-weight: 550; cursor: pointer; transition: background var(--t-fast) var(--ease); }
.hx .detail-back:hover { background: var(--petrol-100); }
.hx .detail-back .icon { width: 17px; height: 17px; }
.hx .detail-head { display: flex; align-items: center; gap: var(--s4); min-width: 0px; padding-bottom: var(--s5); border-bottom: 1px solid var(--line); }
.hx .detail-head__icon { flex: 0 0 auto; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 13px; }
.hx .detail-head__icon img { display: block; width: 26px; height: 26px; }
.hx .detail-head__text { display: flex; flex-direction: column; min-width: 0px; gap: 2px; }
.hx .detail-head__name { font-size: clamp(18px, 1.05rem + 0.5vw, 23px); font-weight: 700; letter-spacing: -0.017em; color: var(--ink); }
.hx .detail-head__blurb { font-size: var(--fs-label); color: var(--ink-3); line-height: 1.35; }
.hx .widget-row { display: flex; flex-wrap: wrap; gap: var(--s4); align-items: flex-start; padding-block: var(--s6) var(--s2); }
.hx .widget { display: flex; flex-direction: column; gap: var(--s3); padding: var(--s3); border: none; border-radius: calc(var(--r-card) + 6px); background: transparent; cursor: pointer; text-align: left; transition: background var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease); }
.hx .widget:hover { background: color-mix(in srgb, var(--petrol-400) 7%, transparent); }
.hx .widget[aria-pressed="true"] { background: color-mix(in srgb, var(--sig) 6%, transparent); }
.hx .widget[aria-pressed="true"] .variant__stage { box-shadow: 0 0 0 2px var(--sig),
              0 2px 4px rgba(31, 65, 91, .10),
              0 14px 30px -16px rgba(31, 65, 91, .38); transform: translateY(-2px); }
.hx .widget[aria-pressed="true"] .widget__name { color: var(--petrol-800); }
.hx .widget.is-sizing .variant__stage { box-shadow: 0 0 0 2px var(--sig),
              0 0 0 5px color-mix(in srgb, var(--sig) 26%, transparent),
              0 2px 4px rgba(31, 65, 91, .10),
              0 14px 30px -16px rgba(31, 65, 91, .38); }
.hx .variant__stage { transition: transform var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease); }
.hx .widget__check { position: absolute; top: 8px; right: 8px; z-index: 3; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; border: 2px solid var(--surface); background: var(--ui-link); color: rgb(255, 255, 255); opacity: 0; transform: scale(0.6); transition: opacity var(--t-fast) var(--ease), transform var(--t-fast) var(--ease-out); pointer-events: none; }
.hx .widget__check .icon { width: 13px; height: 13px; stroke-width: 3; }
.hx .widget[aria-pressed="true"] .widget__check { opacity: 1; transform: scale(1); }
.hx .variant__stage { position: relative; overflow: hidden; border-radius: var(--r-card); flex: 0 0 auto; box-shadow: rgba(31, 65, 91, 0.07) 0px 1px 2px, rgba(31, 65, 91, 0.3) 0px 10px 24px -14px; }
.hx .variant__stage .card { position: absolute; top: 0px; left: 0px; transform-origin: 0px 0px; pointer-events: none; }
.hx .widget__meta { display: flex; flex-direction: column; max-width: 240px; padding-left: 2px; }
.hx .widget__name { font-size: 12px; font-weight: 600; color: var(--c-on-surface-var); }
.hx .sheet-empty { display: flex; flex-direction: column; align-items: center; gap: var(--s3); padding: var(--s16) var(--s6); text-align: center; }
.hx .sheet-empty__icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: var(--r-pill); background: var(--petrol-050); color: var(--petrol-300); }
.hx .sheet-empty__icon .icon { width: 24px; height: 24px; }
.hx .sheet-empty__title { font-size: var(--fs-title); font-weight: 600; color: var(--ink); }
.hx .sheet-empty__note { font-size: var(--fs-body); color: var(--ink-3); max-width: 34ch; }
.hx .sheet__foot { position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 4; display: grid; min-width: 0px; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; gap: var(--s4); padding-top: ; padding-right: ; padding-left: ; padding-bottom: max(var(--s4), env(safe-area-inset-bottom)); border-top: 1px solid var(--line); background: rgba(255, 255, 255, 0.88); backdrop-filter: blur(12px); transform: translateY(100%); transition: transform var(--t-base) var(--ease-out); }
.hx .sheet.has-selection .sheet__foot { transform: translateY(0px); }
.hx .sheet:not(.has-selection) .sheet__foot { pointer-events: none; }
.hx .sheet.has-selection .sheet__body { padding-bottom: 210px; }
.hx .sheet__foot-main { display: flex; flex-direction: column; gap: var(--s3); min-width: 0px; }
.hx .sel-tray { display: flex; align-items: center; gap: var(--s3); min-width: 0px; }
.hx .sel-tray__count { flex: 0 0 auto; font-size: var(--fs-label); font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; }
.hx .sel-tray__chips { display: flex; gap: var(--s2); min-width: 0px; overflow-x: auto; scrollbar-width: none; padding-block: 2px; scroll-behavior: smooth; --fade-l: 0px; --fade-r: 0px; mask-image: linear-gradient(to right, transparent 0, #000 var(--fade-l),
              #000 calc(100% - var(--fade-r)), transparent 100%); }
.hx .sel-tray__chips::-webkit-scrollbar { display: none; }
.hx .sel-chip { display: inline-flex; align-items: stretch; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 11px; background: var(--surface); overflow: hidden; transition: border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease); }
.hx .sel-chip.is-active { border-color: var(--sig); background: color-mix(in srgb, var(--sig) 10%, transparent); }
.hx .sel-chip__pick { display: flex; align-items: baseline; gap: 6px; padding: 6px var(--s2) 6px var(--s3); border: none; background: none; cursor: pointer; font: inherit; white-space: nowrap; }
.hx .sel-chip__name { font-size: var(--fs-label); font-weight: 600; color: var(--ink); }
.hx .sel-chip__size { font-size: var(--fs-micro); color: var(--ink-3); }
.hx .sel-chip.is-active .sel-chip__size { color: var(--petrol-800); }
.hx .sel-chip__drop { display: grid; place-items: center; width: 26px; padding: 0px; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px solid var(--line); background: none; color: var(--ink-3); cursor: pointer; }
.hx .sel-chip__drop:hover { background: var(--petrol-050); color: var(--ink); }
.hx .sel-chip__drop .icon { width: 13px; height: 13px; }
.hx .btn-primary[disabled] { opacity: 0.45; pointer-events: none; }
.hx .sheet__foot { grid-template-columns: minmax(0px, 1fr); }
.hx .sheet__actions { justify-content: flex-end; }
.hx .sheet.has-selection .sheet__body { padding-bottom: 268px; }
.hx .size-picker { min-width: 0px; }
.hx .size-picker__label { display: block; font-size: var(--fs-label); font-weight: 600; color: var(--ink-3); margin-bottom: 7px; }
.hx .size-picker__row { display: flex; gap: var(--s2); flex-wrap: wrap; }
.hx .size-opt { display: flex; align-items: center; gap: 9px; min-height: var(--btn); padding: 6px var(--s3) 6px 9px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--ink-2); font-size: var(--fs-label); font-weight: 550; cursor: pointer; transition: background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease),
              color var(--t-fast) var(--ease); }
.hx .size-opt:hover { background: var(--petrol-050); color: var(--ink); }
.hx .size-opt[aria-checked="true"] { border-color: var(--sig); background: color-mix(in srgb, var(--sig) 9%, transparent); color: var(--petrol-800); }
.hx .size-opt__glyph { display: grid; gap: 2px; flex: 0 0 auto; }
.hx .size-opt__glyph i { display: block; width: 9px; height: 9px; border-radius: 2.5px; background: var(--petrol-200); }
.hx .size-opt[aria-checked="true"] .size-opt__glyph i { background: var(--sig); }
.hx .sheet__actions { display: flex; align-items: center; gap: var(--s2); }
.hx .btn-ghost, .hx .btn-primary { height: var(--btn); padding: 0 var(--s5); border: none; border-radius: 13px; font-size: var(--fs-body); font-weight: 600; cursor: pointer; transition: background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease); }
.hx .btn-ghost { background: transparent; color: var(--ink-2); }
.hx .btn-ghost:hover { background: var(--petrol-050); color: var(--ink); }
.hx .btn-primary { display: inline-flex; align-items: center; gap: 7px; background: var(--petrol-700); color: var(--on-dark); box-shadow: var(--e0); }
.hx .btn-primary .icon { width: 18px; height: 18px; }
.hx .btn-primary:hover { background: var(--petrol-800); }
.hx .btn-primary:active { transform: scale(0.97); }
.hx { --picker-split: 1; }
.hx .sheet { height: 86dvh; grid-template-columns: 272px minmax(0px, 1fr); grid-template-areas: "head head" "side body"; }
.hx .sheet__head { border-bottom: 1px solid var(--line); }
.hx .sheet__side { padding: var(--s4) var(--s4) var(--s4) var(--pad-page); border-right: 1px solid var(--line); }
.hx .sheet__body { grid-area: body; display: block; padding: 0 var(--s5) var(--s8); }
.hx .sheet:not(.is-detail) .sheet__body { display: block; }
.hx .sheet.is-detail .sheet__side { display: flex; }
.hx .detail-back { display: none; }
.hx .detail-head { padding-top: var(--s5); }
.hx .sheet__foot { left: 272px; }
.hx .widget__meta { max-width: 250px; }
.hx .sheet { background: var(--c-white); }
.hx .sheet .sheet__head { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; min-height: 56px; padding: 10px 20px; border-bottom: 1px solid var(--line); }
.hx .sheet .sheet__title { grid-column: 2; font-size: 17px; font-weight: 600; letter-spacing: -0.2px; color: var(--ink); }
.hx .sheet__cancel, .hx .sheet__add { height: 36px; padding: 0px 4px; border: none; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 17px; color: var(--ui-link); cursor: pointer; }
.hx .sheet__cancel { justify-self: start; }
.hx .sheet__add { justify-self: end; font-weight: 600; }
.hx .sheet__add:disabled { color: var(--ink-4); cursor: default; }
.hx .sheet .sheet__side { padding: 16px 12px; gap: 12px; background: rgb(247, 249, 249); }
.hx .sheet .sheet__side::after { display: none; }
.hx .sheet-search .icon { left: 10px; width: 16px; height: 16px; color: var(--ink-3); }
.hx .sheet .sheet-search input { height: 36px; padding: 0px 12px 0px 32px; border: none; border-radius: 10px; background: rgba(118, 118, 128, 0.12); font-size: 16px; }
.hx .sheet .sheet-search input:focus { box-shadow: none; background: rgba(118, 118, 128, 0.16); }
.hx .sheet .mod-rail { margin: 0px; padding: 0px; }
.hx .mod-row { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 44px; padding: 0px 10px; border: none; border-radius: 10px; background: transparent; text-align: left; cursor: pointer; }
.hx .mod-row:hover { background: rgba(118, 118, 128, 0.08); }
.hx .mod-row.is-selected { background: var(--c-on-primary-ctr, #1F515B); }
.hx .mod-row.is-selected .mod-row__name { color: rgb(255, 255, 255); font-weight: 600; }
.hx .sheet .mod-row__icon { width: 29px; height: 29px; border-radius: 7px; }
.hx .sheet .mod-row__icon img { width: 17px; height: 17px; }
.hx .sheet .mod-row__name { font-size: 15px; font-weight: 400; letter-spacing: -0.1px; color: var(--ink); }
.hx .mod-row > .icon { flex: 0 0 auto; width: 16px; height: 16px; color: var(--ink-4); }
.hx .mod-row > .icon { display: none; }
.hx .sheet .sheet__body { padding: 24px 28px 40px; }
.hx .detail-title { margin: 0px 0px 20px; font-size: 22px; font-weight: 700; letter-spacing: -0.35px; color: var(--ink); }
.hx .widget-row { display: grid; grid-template-columns: repeat(var(--cols, 1), minmax(0, 1fr)); gap: 28px 20px; grid-auto-flow: dense; align-items: stretch; padding: 0px; }
.hx .widget { display: flex; flex-direction: column; gap: 10px; min-width: 0px; padding: 0px; border: none; border-radius: 0px; background: none; font: inherit; cursor: pointer; }
.hx .widget:hover, .hx .widget[aria-pressed="true"] { background: none; }
.hx .widget__plate { position: relative; flex: 1 1 0%; display: grid; place-items: center; padding: 20px; border-radius: 20px; background: rgb(242, 244, 245); transition: box-shadow var(--t-fast) var(--ease), background var(--t-fast) var(--ease); }
.hx .widget:hover .widget__plate { background: rgb(236, 239, 240); }
.hx .widget .variant__stage, .hx .widget[aria-pressed="true"] .variant__stage, .hx .widget.is-sizing .variant__stage { transform: none; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px, rgba(0, 0, 0, 0.08) 0px 6px 18px; }
.hx .widget[aria-pressed="true"] .widget__plate { box-shadow: inset 0 0 0 2.5px var(--ui-link); }
.hx .widget.is-sizing .widget__plate { box-shadow: inset 0 0 0 2.5px var(--ui-link), 0 0 0 4px color-mix(in srgb, var(--ui-link) 18%, transparent); }
.hx .widget .widget__check { top: 10px; right: 10px; width: 26px; height: 26px; border: 2px solid var(--c-white); box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 3px; }
.hx .widget__meta { display: flex; flex-direction: column; align-items: center; gap: 2px; max-width: none; padding: 0px; text-align: center; }
.hx .widget .widget__name { font-size: 13px; font-weight: 500; line-height: 16px; color: var(--ink); }
.hx .widget__placed { font-size: 12px; line-height: 16px; color: var(--ink-3); }
.hx .widget.is-placed { cursor: default; }
.hx .widget.is-placed:hover .widget__plate { background: rgb(242, 244, 245); }
.hx .widget.is-placed .variant__stage { opacity: 0.4; filter: saturate(0.4); box-shadow: none; }
.hx .widget.is-placed .widget__name { color: var(--ink-3); }
.hx .sheet-empty { padding: 64px 24px; }
.hx .sheet .sheet__foot { display: flex; justify-content: center; padding-top: 12px; padding-right: 20px; padding-left: 20px; padding-bottom: max(12px, env(safe-area-inset-bottom)); }
.hx .sheet .sheet__foot .size-picker__label { display: none; }
.hx .sheet.has-foot .sheet__foot { transform: translateY(0px); pointer-events: auto; }
.hx .sheet:not(.has-foot) .sheet__foot { pointer-events: none; }
.hx .sheet.has-foot .sheet__body { padding-bottom: 110px; }
.hx .sheet { grid-template-columns: 240px minmax(0px, 1fr); }
.hx .sheet .sheet__foot { left: 240px; }
.hx[data-review]:not([data-hdr-style="climate"]) .wsky { background: url("assets/hx/img/header-sky.png") center top / cover no-repeat rgb(230, 246, 245); }
.hx[data-review]:not([data-hdr-style="climate"]) .wsky__scene { display: none; }
.hx[data-review][data-home="v2"] .site-tabs--v2 { height: 52px; padding-block: 4px; gap: 8px; padding-inline: max(16px, -50% + 50vw) max(3px, -50% - 21px + 50vw); background: linear-gradient(to top, rgb(255, 255, 255) 82.449%, rgb(229, 235, 236) 138.87%); box-shadow: none; }
.hx[data-review] .site-tabs--v2 .site-tabs__menu { width: auto; padding: 0px 12px; border-radius: 10px; background: rgba(0, 0, 0, 0.05); color: rgb(68, 84, 74); }
.hx[data-review] .site-tabs--v2 .site-tabs__track { gap: 8px; align-items: center; }
.hx[data-review][data-home="v2"] .site-tabs--v2 .site-tabs__tab { flex: 0 0 auto; min-width: 88px; height: 44px; padding: 0px 12px; border-radius: 10px; background: rgba(0, 0, 0, 0.05); color: rgb(68, 84, 74); font: 500 14px Inter, system-ui, sans-serif; letter-spacing: 0.1px; }
.hx[data-review][data-home="v2"] .site-tabs--v2 .site-tabs__tab[aria-selected="true"] { min-width: 109px; padding: 0px 14px; border-radius: 12px; background: rgb(31, 65, 91); color: rgb(255, 255, 255); }
.hx[data-review] .site-tabs--v2 .site-tabs__tab[aria-selected="true"]::after { content: none; }
.hx[data-review] .site-tabs--v2 .site-tabs__tab:focus-visible { outline: rgb(31, 65, 91) solid 2px; outline-offset: 2px; }
.hx[data-review] .adeck__all { color: rgb(68, 84, 74); }
.hx[data-review] :is(.adeck__all, .obs-head__all) { display: inline-flex; align-items: center; gap: 0px; }
.hx[data-review] :is(.adeck__all, .obs-head__all) img.rv-chev { flex: 0 0 auto; width: 7.91667px; height: 8.66667px; margin: 0px 3px 0px 5.5px; }
.hx[data-review][data-home="v2"].v2-tabs-stuck .search-row::before { opacity: 0; }
.hx[data-review][data-home="v2"].v2-tabs-stuck .site-tabs--v2 { background: transparent; box-shadow: none; }
.hx[data-review][data-home="v2"].v2-tabs-stuck .site-tabs--v2::before { content: ""; position: absolute; left: 0px; right: 0px; bottom: -12px; top: calc(-1 * var(--v2-search-h, 72px)); z-index: -1; pointer-events: none; backdrop-filter: blur(20px) saturate(160%); border-bottom: 1px solid rgba(195, 206, 199, 0.38); box-shadow: rgba(22, 55, 61, 0.38) 0px 8px 20px -14px; }
.hx[data-review][data-home="v2"].v2-tabs-stuck .site-tabs--v2 .site-tabs__menu, .hx[data-review][data-home="v2"].v2-tabs-stuck .site-tabs--v2 .site-tabs__tab:not([aria-selected="true"]) { background: rgba(255, 255, 255, 0.6); }
.hx[data-review]:not([data-hdr-style="climate"])[data-home="v2"] .search-row::before, .hx[data-review]:not([data-hdr-style="climate"])[data-home="v2"].v2-tabs-stuck .site-tabs--v2::before { background: url("assets/hx/img/header-sky.png") center top / cover no-repeat rgb(230, 246, 245); backdrop-filter: none; border-bottom: 0px; box-shadow: none; }
.hx[data-review]:not([data-hdr-style="climate"])[data-home="v2"].v2-tabs-stuck .site-tabs--v2 .site-tabs__menu, .hx[data-review]:not([data-hdr-style="climate"])[data-home="v2"].v2-tabs-stuck .site-tabs--v2 .site-tabs__tab:not([aria-selected="true"]) { background: rgba(0, 0, 0, 0.07); }
.hx[data-review][data-home="v2"] .site-tabs--v2 { height: 60px; padding-top: 12px; padding-bottom: 4px; }
.hx[data-review] .l-v2bd__board { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: minmax(0px, 1fr); align-content: stretch; overflow: hidden; padding: 8px 2px 4px; }
.hx[data-review] .l-v2bd__note { width: auto; height: auto; aspect-ratio: auto; min-height: 0px; }
.hx[data-review] .l-v2bd__note:last-child:nth-child(2n+1) { grid-column: 1 / -1; justify-self: center; width: calc(50% - 6px); }
.hx[data-review][data-home="v2"] .home-header { justify-content: flex-start; gap: 14px; }
.hx[data-review][data-home="v2"] .home-header .header-actions { display: contents; }
.hx[data-review][data-home="v2"] .home-header .header-actions #avatarBtn { order: -2; flex: 0 0 auto; width: 48px; height: 48px; }
.hx[data-review][data-home="v2"] .home-header .greeting { order: -1; flex: 0 1 auto; }
.hx[data-review][data-home="v2"] .home-header .header-actions .wx { order: 1; margin-left: auto; margin-right: 0px; }
.hx[data-review][data-home="v2"] .home-header .header-actions .icon-btn--bell { order: 2; flex: 0 0 auto; }
.hx[data-review][data-home="v2"] .section-head--home .link-btn:not(.link-btn--done):not(.mview-btn) > span { display: none; }
.hx[data-review][data-home="v2"] .section-head--home .link-btn:not(.link-btn--done)::before { width: 22px; height: 22px; background-size: 22px 22px; }
.hx[data-review][data-home="v2"] .section-head--home .mview-btn::before { content: none; display: none; }
.hx[data-review][data-home="v2"] .section-head--home .mview-btn { color: rgb(0, 109, 53); }
.hx[data-review][data-home="v2"] .section-head--home .mview-btn .icon { display: block; width: 24px; height: 24px; stroke-width: 2.2; }
.hx[data-review][data-home="v2"] .fav__edit { gap: 0px; font-size: 0px !important; }
.hx[data-review][data-home="v2"] .fav__edit::before { width: 22px; height: 22px; mask-size: 22px 22px; }
.hx[data-review] .section-head--home .section-head__actions { gap: 20px; }
.hx[data-review] .section-head--editing .mview-btn, .hx.is-editing .mview-btn { display: none; }
.hx .mview-scrim { position: fixed; inset: 0px; z-index: 460; background: rgba(16, 45, 52, 0.32); opacity: 0; transition: opacity 240ms; }
.hx .mview-scrim.is-on { opacity: 1; }
.hx .mview { position: fixed; z-index: 461; left: 50%; bottom: 0px; width: min(760px, -32px + 100vw); height: min(88dvh, 900px); display: flex; flex-direction: column; border-radius: 20px 20px 0px 0px; background: rgb(244, 247, 246); box-shadow: rgba(16, 45, 52, 0.4) 0px -20px 60px -20px; transform: translate(-50%, 104%); transition: transform 320ms cubic-bezier(0.32, 0.72, 0, 1); font-family: Inter, system-ui, sans-serif; }
.hx .mview.is-on { transform: translate(-50%, var(--mv-drag, 0px)); }
.hx .mview.is-pulling { transition: none; }
.hx .mview.is-grow { transition: none; }
.hx .mview[hidden] { display: none; }
.hx .mview { top: 50%; bottom: auto; width: min(640px, -64px + 100vw); height: min(82dvh, 860px); border-radius: 20px; box-shadow: rgba(16, 45, 52, 0.5) 0px 30px 80px -24px, rgba(16, 45, 52, 0.08) 0px 0px 0px 0.5px; transform: translate(-50%, calc(-50% + var(--mv-drag, 0px))) scale(.94); opacity: 0; transition: transform 360ms cubic-bezier(0.32, 0.72, 0, 1), opacity 200ms; }
.hx .mview.is-on { transform: translate(-50%, calc(-50% + var(--mv-drag, 0px))) scale(1); opacity: 1; }
.hx .mview__handle { display: none; }
.hx .mview__head { padding-top: 16px; }
.hx .qa { transition: opacity 200ms, visibility; }
.hx.mview-on .qa { opacity: 0; visibility: hidden; transition: opacity 200ms, visibility 200ms; }
.hx .mview__handle, .hx .mview__head { touch-action: none; }
.hx .mview__handle { flex: 0 0 auto; width: 40px; height: 5px; margin: 8px auto 0px; border-radius: 3px; background: rgba(31, 65, 91, 0.18); }
.hx .mview__head { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px 4px 20px; }
.hx .mview__title { margin: 0px; font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: 0px; color: rgb(0, 0, 0); }
.hx .mview__x { flex: 0 0 auto; display: grid; place-items: center; width: 36px; height: 36px; padding: 0px; border: 0px; border-radius: 50%; background: rgba(0, 0, 0, 0.05); color: rgb(68, 84, 74); cursor: pointer; }
.hx .mview__x .icon { width: 18px; height: 18px; stroke-width: 2.2; }
.hx .mview__x:focus-visible { outline: rgb(0, 175, 214) solid 2px; outline-offset: 2px; }
.hx .mview__tools { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; margin: 12px 16px 4px; }
.hx .mview__tools .mview__mode { height: 44px; padding: 4px; border-radius: 12px; }
.hx .mview__tools .mview__mode button { width: 40px; height: 36px; border-radius: 9px; }
.hx .mview__search { flex: 1 1 0%; min-width: 0px; display: flex; align-items: center; gap: 10px; margin: 0px; height: 44px; padding: 0px 14px; border-radius: 12px; background: rgba(0, 0, 0, 0.05); color: rgb(122, 134, 132); }
.hx .mview__search .icon { width: 18px; height: 18px; }
.hx .mview__search input { flex: 1 1 0%; min-width: 0px; border: 0px; background: none; font: 400 16px Inter, sans-serif; color: rgb(68, 84, 74); outline: 0px; }
.hx .mview__hint { flex: 0 0 auto; margin: 6px 20px 0px; font-size: 12px; color: rgb(122, 134, 132); }
.hx .mview__list:focus { outline: none; }
.hx .mview__list { flex: 1 1 0%; min-height: 0px; overflow-y: auto; overscroll-behavior: contain; padding: 0px 16px 24px; }
.hx .mview__cat { margin: 16px 4px 8px; font-size: 12px; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase; color: rgb(122, 134, 132); }
.hx .mview__item { position: relative; margin-bottom: 8px; border-radius: 14px; overflow: hidden; }
.hx .mview__act { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 124px; padding-left: 20px; border-radius: 14px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; border: 0px; color: rgb(255, 255, 255); font: 600 13px Inter, sans-serif; cursor: pointer; background: rgb(0, 109, 53) !important; }
.hx .mview__act.is-remove { background: rgb(250, 97, 64) !important; }
.hx .mview__act { visibility: hidden; }
.hx .mview__item.is-swiping .mview__act { visibility: visible; }
.hx .mview__act .icon { width: 22px; height: 22px; stroke-width: 2.4; }
.hx .mview__row { position: relative; display: flex; align-items: center; gap: 14px; min-height: 68px; padding: 12px 14px; background: rgb(255, 255, 255); border-radius: 14px; cursor: pointer; touch-action: pan-y; user-select: none; }
.hx .mview__row:focus-visible { outline: rgb(0, 175, 214) solid 2px; outline-offset: -2px; }
.hx .mview__ico { position: relative; flex: 0 0 auto; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; color: var(--c-primary, #37BD69); box-shadow: inset 0 0 0 1px var(--c-primary, #37BD69); }
.hx .mview__mark { display: block; width: 24px; height: 24px; background: currentcolor; pointer-events: none; mask-position: center center; mask-size: contain; mask-repeat: no-repeat; }
.hx .mview__ico img { width: 26px; height: 26px; pointer-events: none; }
.hx .mview__ico .icon { width: 22px; height: 22px; color: inherit; }
.hx .mview__txt { flex: 1 1 0%; min-width: 0px; display: grid; gap: 3px; }
.hx .mview__txt b { display: block; font-size: 15px; font-weight: 600; line-height: normal; color: rgb(31, 65, 91); }
.hx .mview__txt small { display: block; font-size: 13px; font-weight: 400; line-height: normal; color: rgb(122, 134, 132); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .mview__chev { flex: 0 0 auto; color: rgba(31, 65, 91, 0.35); }
.hx .mview__chev .icon { width: 20px; height: 20px; }
.hx .mview__empty { padding: 24px; text-align: center; color: rgb(122, 134, 132); }
.hx .mview__sec { margin: 0px; font-size: 15px; font-weight: 600; line-height: normal; letter-spacing: 0px; color: rgb(31, 65, 91); }
.hx .mview__list > .mview__sec:first-child { margin: 12px 4px 10px; }
.hx .mview__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 24px 4px 0px; }
.hx .mview__list > .mview__bar:first-child { margin-top: 12px; }
.hx .mview__mode { flex: 0 0 auto; display: flex; padding: 2px; border-radius: 8px; background: rgba(0, 0, 0, 0.05); }
.hx .mview__mode button { display: grid; place-items: center; width: 36px; height: 28px; padding: 0px; border: 0px; border-radius: 6px; background: none; color: rgb(122, 134, 132); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.hx .mview__mode button[aria-pressed="true"] { background: rgb(255, 255, 255); color: rgb(0, 109, 53); box-shadow: rgba(16, 45, 52, 0.12) 0px 1px 2px; }
.hx .mview__mode button:focus-visible { outline: rgb(0, 175, 214) solid 2px; outline-offset: -2px; }
.hx .mview__list .mview__hint { margin: 8px 4px 0px; }
.hx .mview__grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 16px 4px; padding: 16px 8px; border-radius: 14px; background: rgb(255, 255, 255); }
.hx .mview__grid { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
.hx .mview__tile { display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: 0px; padding: 4px 2px; border: 0px; border-radius: 12px; background: none; font: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 160ms; }
.hx .mview__tile:active { transform: scale(0.94); }
.hx .mview__tile:focus-visible { outline: rgb(0, 175, 214) solid 2px; outline-offset: 2px; }
.hx .mview__tile .mview__ico { width: 56px; height: 56px; border-radius: 50%; transition: transform 200ms; }
.hx .mview__tile .mview__ico img, .hx .mview__tile .mview__mark { width: 28px; height: 28px; }
.hx .mview__tile .mview__ico .icon { width: 26px; height: 26px; }
.hx .mview__lbl { max-width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: break-word; font-size: 12.5px; font-weight: 500; line-height: 1.25; text-align: center; color: rgb(31, 65, 91); }
.hx .mview { background: rgb(239, 245, 242); }
.hx .mview__grid--all { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px; margin-top: 12px; padding: 0px; border-radius: 0px; background: none; }
.hx .mview .mview__grid--all { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; }
.hx .mview .mview__grid--all .mview__tile { gap: 12px; height: 150px; padding: 16px 8px; border-radius: 16px; }
.hx .mview .mview__grid--all .mview__ico { width: 52px; height: 52px; }
.hx .mview .mview__grid--all .mview__lbl { font-size: 16px; }
.hx .mview__grid--all .mview__tile { justify-content: center; gap: 8px; height: 107.44px; padding: 12px 4px; border-radius: 12px; background: rgb(255, 255, 255); }
.hx .mview__grid--all .mview__ico { width: 32.76px; height: 32.76px; border-radius: 0px; box-shadow: none; }
.hx .mview__grid--all .mview__ico img { display: block; width: 100%; height: 100%; object-fit: contain; }
.hx .mview__grid--all .mview__fig { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; }
.hx[data-home="v2"] #moduleGrid [data-fig] > img { content: var(--fig); object-fit: contain; filter: brightness(0) invert(1); transform: var(--fig-t); }
.hx[data-home="v2"] #moduleGrid .card[data-variant="insight.mortality"] .l-v2ki__mark { content: url("assets/hx/icon/mf-mortality.svg"); object-fit: contain; filter: brightness(0) invert(1); transform: scale(0.836) translate(-0.25%, 5.38%); }
.hx .mview__grid--all .mview__mark { width: 100%; height: 100%; background: linear-gradient(118deg, rgb(0, 214, 201), rgb(55, 189, 105)); }
.hx .mview__grid--all .mview__lbl { font-size: 13px; font-weight: 600; line-height: 1.2; color: rgb(31, 81, 91); }
@keyframes mvCardIn { 
  0% { opacity: 0; transform: translateY(16px) scale(0.94); }
}
@keyframes mvIcoPop { 
  0% { opacity: 0; transform: scale(0.4) rotate(-12deg); }
  60% { opacity: 1; }
}
.hx .mview__grid--all.is-enter .mview__tile { animation-duration: 480ms; animation-timing-function: cubic-bezier(0.32, 0.72, 0, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: backwards; animation-play-state: running; animation-name: mvCardIn; animation-timeline: auto; animation-range: normal; animation-delay: calc(var(--mv-d0, 150ms) + var(--i, 0) * 28ms); }
.hx .mview__grid--all.is-enter .mview__ico { animation-duration: 560ms; animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: backwards; animation-play-state: running; animation-name: mvIcoPop; animation-timeline: auto; animation-range: normal; animation-delay: calc(var(--mv-d0, 150ms) + 80ms + var(--i, 0) * 28ms); }
.hx .mview .is-swap { --mv-d0: 0ms; }
.hx .mview__grid--all .mview__tile { transition: transform 200ms cubic-bezier(0.32, 0.72, 0, 1), box-shadow 200ms; }
.hx .mview__grid--all .mview__tile:active { transform: scale(0.95); }
.hx .mview__grid--all .mview__ico { transition: transform 260ms cubic-bezier(0.34, 1.56, 0.64, 1); }
.hx .mview__grid--all .mview__tile:active .mview__ico { transform: scale(0.88); }
.hx .mview__rows { margin-top: 12px; }
.hx .mview__rows .mview__item, .hx .mview__rows .mview__act { border-radius: 12px; }
.hx .mview__rows .mview__row { gap: 14px; min-height: 64px; padding: 12px 14px 12px 16px; border-radius: 12px; }
.hx .mview__rows .mview__ico { width: 32.76px; height: 32.76px; border-radius: 0px; box-shadow: none; }
.hx .mview__rows .mview__ico img { display: block; width: 100%; height: 100%; object-fit: contain; }
.hx .mview__rows .mview__fig { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; }
.hx .mview__rows .mview__mark { width: 100%; height: 100%; background: linear-gradient(118deg, rgb(0, 214, 201), rgb(55, 189, 105)); }
.hx .mview__rows .mview__txt b { color: rgb(31, 81, 91); }
.hx .mview .mview__rows .mview__item { margin-bottom: 12px; }
.hx .mview .mview__rows .mview__item, .hx .mview .mview__rows .mview__act { border-radius: 16px; }
.hx .mview .mview__rows .mview__row { gap: 16px; min-height: 76px; padding: 14px 18px 14px 20px; border-radius: 16px; }
.hx .mview .mview__rows .mview__ico { width: 40px; height: 40px; }
.hx .mview .mview__rows .mview__txt b { font-size: 16px; }
.hx .mview .mview__rows .mview__txt small { font-size: 14px; }
.hx .mview__rows.is-enter .mview__item { animation-duration: 480ms; animation-timing-function: cubic-bezier(0.32, 0.72, 0, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: backwards; animation-play-state: running; animation-name: mvCardIn; animation-timeline: auto; animation-range: normal; animation-delay: calc(var(--mv-d0, 150ms) + var(--i, 0) * 22ms); }
.hx .mview__rows.is-enter .mview__ico { animation-duration: 560ms; animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: backwards; animation-play-state: running; animation-name: mvIcoPop; animation-timeline: auto; animation-range: normal; animation-delay: calc(var(--mv-d0, 150ms) + 80ms + var(--i, 0) * 22ms); }
.hx .mview__rows .mview__ico { transition: transform 260ms cubic-bezier(0.34, 1.56, 0.64, 1); }
.hx .mview__rows .mview__row:active .mview__ico { transform: scale(0.88); }
.hx .mview__toast { position: absolute; left: 50%; bottom: calc(20px + env(safe-area-inset-bottom)); z-index: 3; display: flex; align-items: center; gap: 14px; max-width: calc(100% - 32px); padding: 10px 12px 10px 16px; border-radius: 12px; background: rgb(31, 65, 91); color: rgb(255, 255, 255); font: 500 14px Inter, sans-serif; white-space: nowrap; transform: translate(-50%, 12px); opacity: 0; pointer-events: none; transition: opacity 0.2s, transform 0.2s; }
.hx .mview__toast > span { overflow: hidden; text-overflow: ellipsis; }
.hx .mview__toast.is-on { opacity: 1; transform: translate(-50%, 0px); pointer-events: auto; }
.hx .mview__undo { flex: 0 0 auto; padding: 6px 10px; border: 0px; border-radius: 8px; background: rgba(255, 255, 255, 0.14); color: rgb(165, 243, 196); font: 600 14px Inter, sans-serif; cursor: pointer; }
.hx .mview__toast.is-page { position: fixed; z-index: 470; bottom: calc(96px + env(safe-area-inset-bottom)); pointer-events: none; }
.hx[data-review] .pdrawer__list { display: flex; flex-direction: column; padding-top: clamp(4px, 1dvh, 12px); }
.hx[data-review] .pdrawer .pdrawer__list > .pmenu__item { flex: 1 0 auto; min-height: 34px; max-height: 56px; }
.hx[data-review] .pdrawer .pdrawer__list > .pdrawer__seg { flex: 1 0 auto; min-height: 40px; max-height: 58px; }
.hx[data-review] .pdrawer .pdrawer__list > :is(.pdrawer__h, .pmenu__rule) { flex: 0 0 auto; }
.hx[data-review] .pdrawer .pdrawer__h { margin: clamp(6px, 1.4dvh, 14px) 16px clamp(2px, 0.6dvh, 8px); padding: clamp(8px, 1.6dvh, 16px) 0px 0px; }
.hx[data-review] .pdrawer .pmenu__rule { margin-block: clamp(6px, 1.2dvh, 12px); }
.hx[data-review] .pdrawer .pdrawer__row .pmenu__label, .hx[data-review] .pdrawer .pdrawer__list .pmenu__label { font-size: 15px; }
.hx[data-review] body.is-editing .qa-edit { gap: 10px; padding: 0px; background: none; box-shadow: none; backdrop-filter: none; }
.hx[data-review] body.is-editing .qa-edit > .add-module-btn, .hx[data-review] body.is-editing .qa-edit > .link-btn--done { height: var(--qa-h, 52px); border-radius: 999px; background: var(--glass-fill); backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-lift)); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25), inset 0 1px 0 0 var(--glass-spec), inset 0 -1px 0 0 var(--glass-bounce),
              inset 0 0 0 1px var(--glass-rim), inset 0 -6px 12px -6px var(--glass-depth); transition: transform 160ms cubic-bezier(0.34, 1.56, 0.64, 1); }
.hx[data-review] body.is-editing .qa-edit > .add-module-btn { padding: 0px 22px 0px 18px; }
.hx[data-review] body.is-editing .qa-edit > .link-btn--done { width: var(--qa-h, 52px); padding: 0px; color: rgb(0, 109, 53); }
.hx[data-review] body.is-editing .qa-edit > .link-btn--done .icon { width: 24px; height: 24px; stroke-width: 2.4; }
.hx[data-review] body.is-editing .qa-edit > .link-btn--done:hover { background: var(--glass-fill); filter: brightness(1.04); }
.hx[data-review] body.is-editing .qa-edit > :is(.add-module-btn, .link-btn--done):active { transform: scale(0.95); }
.hx[data-review][data-home="v2"] :is(#obsTitle, #kinsTitle, #modulesTitle, .obs-head__title, .kins__title, .section-head--home .section-head__title) { color: rgb(0, 0, 0); }
.hx[data-review][data-home="v2"]:not([data-sky-tone="dark"]) :is(#favTitle, .fav__title) { color: rgb(0, 0, 0); }
.hx[data-review] .hstrip__label { padding-left: 14px; }
.hx[data-review][data-home="v2"] .search-row__profile { order: -1; margin-right: -8px; transform: translate(-8px, -10px) scale(0.6); transform-origin: 0px 50%; transition: width 300ms cubic-bezier(0.32, 0.72, 0, 1), margin-right 300ms cubic-bezier(0.32, 0.72, 0, 1), transform 360ms cubic-bezier(0.34, 1.4, 0.64, 1), opacity 160ms, visibility linear 300ms; margin-left: 0px !important; }
.hx[data-review][data-home="v2"] .search-row.is-stuck .search-row__profile { width: 38px; margin-left: 0px; margin-right: 4px; opacity: 1; visibility: visible; transform: none; transition: width 300ms cubic-bezier(0.32, 0.72, 0, 1), margin-right 300ms cubic-bezier(0.32, 0.72, 0, 1), transform 420ms cubic-bezier(0.34, 1.4, 0.64, 1) 40ms, opacity 220ms 60ms, visibility linear; }
.hx[data-review] .size-pop .size-picker__label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
.hx[data-review] body.is-editing .qa-edit > .link-btn--done { background: rgb(0, 109, 53); color: rgb(255, 255, 255); backdrop-filter: none; box-shadow: rgba(0, 109, 53, 0.55) 0px 6px 16px -6px, rgba(255, 255, 255, 0.22) 0px 1px 0px inset; }
.hx[data-review] body.is-editing .qa-edit > .link-btn--done:hover { background: rgb(0, 92, 45); filter: none; }
.hx:root[data-review][data-home="v2"]:where(:not([data-v2desk])) .fav__box { position: relative; isolation: isolate; display: flex; flex-direction: column; gap: 0px; min-width: 0px; border-radius: 0px; background: none; }
.hx:root[data-review][data-home="v2"]:where(:not([data-v2desk])) .fav__head { position: relative; z-index: 1; height: auto; }
.hx:root[data-review][data-home="v2"]:where(:not([data-v2desk])) .fav__rail { position: relative; z-index: 1; margin: 0px; padding: 12px; border-radius: 12px; scroll-padding-inline: 12px; }
.hx:root[data-review][data-home="v2"]:where(:not([data-v2desk])) .fav__tabs { --tab-hug: 0; gap: 6px; height: auto; align-items: flex-end; box-shadow: none; }
.hx:root[data-review][data-home="v2"]:where(:not([data-v2desk])) .fav__tab { --tab-gap: 6px; flex: 1 1 0px; width: auto; min-width: 0px; height: 54px; margin-bottom: 8px; padding: 0px 4px; overflow: visible; flex-direction: column; justify-content: center; gap: 6px; border-radius: 12px; background-color: rgba(255, 255, 255, 0.55); color: rgba(68, 84, 74, 0.88); font: 500 12.5px/1 Inter, var(--font); letter-spacing: 0.1px; transition: background-color 0.3s 0.14s, color 0.26s; }
.hx:root[data-review][data-home="v2"]:where(:not([data-v2desk])) .fav__tab[aria-selected="true"] { color: var(--c-on-primary-ctr, #1F515B); background-color: transparent; transition: background-color 0.1s, color 0.26s; }
.hx:root[data-review][data-home="v2"]:where(:not([data-v2desk])) .fav__tab:focus-visible { outline-offset: -3px; border-radius: 12px; }
.hx:root[data-review][data-home="v2"]:where(:not([data-v2desk])) .fav__tab svg { width: 20px; height: 20px; transition: none; }
.hx:root[data-review][data-home="v2"]:where(:not([data-v2desk])) .fav__tabl { max-width: none; margin: 0px; opacity: 1; transition: none; }
.hx:root[data-review][data-home="v2"]:where(:not([data-v2desk])) .fav__tab[aria-selected="true"] .fav__tabl { max-width: none; margin: 0px; font-weight: 600; }
.hx:root[data-review][data-home="v2"]:where(:not([data-v2desk])) .fav__tabbar { display: none; }
.hx:root[data-review][data-home="v2"]:where(:not([data-v2desk])) .fav__fold { display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.hx:root[data-review][data-home="v2"]:where(:not([data-v2desk])) .fav__fold--fill { z-index: 0; filter: drop-shadow(rgba(31, 65, 91, 0.06) 0px 1px 2px) drop-shadow(rgba(31, 65, 91, 0.09) 0px 10px 22px); }
.hx:root[data-review][data-home="v2"]:where(:not([data-v2desk])) .fav__fold--fill path { fill: rgb(255, 255, 255); }
.hx:root[data-review][data-home="v2"]:where(:not([data-v2desk])).has-wsky[data-sky-tone="dark"] .fav__tab:not([aria-selected="true"]) { background-color: rgba(255, 255, 255, 0.18); color: rgba(255, 255, 255, 0.88); }
.hx:root[data-review][data-home="v2"]:where(:not([data-v2desk])) .hstrip { box-shadow: none; }
.hx:root[data-review][data-home="v2"]:where(:not([data-v2desk])) .hstrip::before, .hx:root[data-review][data-home="v2"]:where(:not([data-v2desk])) .hstrip::after { content: ""; position: absolute; inset: 0px; z-index: 4; border-radius: inherit; pointer-events: none; }
.hx:root[data-review][data-home="v2"]:where(:not([data-v2desk])) .hstrip::before { box-shadow: rgb(255, 232, 110) 0px 0px 0px 0.5px inset; }
.hx:root[data-review][data-home="v2"]:where(:not([data-v2desk])) .hstrip::after { padding: 1.5px; background: conic-gradient(from var(--hs-run), transparent 0deg, transparent 290deg, rgba(255, 232, 110, .35) 320deg, #FFE86E 350deg, #FFFBE0 356deg, transparent 360deg); mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); animation: 3s linear 0s infinite normal none running hs-run; }
@property --hs-run { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@keyframes hs-run { 
  100% { --hs-run: 360deg; }
}
.hx:root[data-review][data-home="v2"] .kins { display: none; }
.hx:root[data-review][data-home="v2"] .fav__name { font-weight: 500; letter-spacing: 0.1px; line-height: normal; text-shadow: none; }
.hx:root[data-review][data-home="v2"] .fav__idsep { font-size: 0px; }
.hx:root[data-review][data-home="v2"] .fav__idsep::before { content: ":"; font-size: 15px; }
.hx:root[data-review][data-home="v2"] .fav__meta { font-family: Inter, var(--font); font-weight: 400; letter-spacing: 0px; opacity: 0.9; }
.hx:root[data-review][data-home="v2"] .site-tabs--v2 .site-tabs__menu { border-radius: 100px; background: rgba(0, 0, 0, 0.07); }
.hx:root[data-review][data-home="v2"] .site-tabs--v2 .site-tabs__tab { padding: 0px 16px; border-radius: 100px; letter-spacing: 0.1px; background: rgba(0, 0, 0, 0.07); color: rgb(68, 84, 74); }
.hx:root[data-review][data-home="v2"] .site-tabs--v2 .site-tabs__tab[aria-selected="true"] { padding: 0px 16px; border-radius: 100px; background: rgb(31, 81, 91); color: rgb(255, 255, 255); }
.hx:root[data-review][data-home="v2"][data-v2desk] { --max-content: 1376px; --grid-cols: 5; --grid-gap: 16px; --d-ink: #1F2A30; --d-ink-2: #44544A; --d-mute: #6B7773; --d-line: #E3E9E6; --d-teal: #1F515B; }
.hx:root[data-review][data-home="v2"][data-v2desk] #moduleGrid { --grid-row: calc((100cqw - 64px) / 5 / 1.125); }
.hx:root[data-review][data-home="v2"][data-v2desk] { background: rgb(239, 245, 242); }
.hx:root[data-review][data-home="v2"][data-v2desk] body { background: transparent; }
.hx:root[data-review][data-home="v2"][data-v2desk] .home-header { display: flex; align-items: center; gap: 12px; min-height: 0px; height: auto; padding-top: 20px; padding-bottom: 20px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .home-header .greeting { flex: 0 0 auto; order: -1; }
.hx:root[data-review][data-home="v2"][data-v2desk] .home-header .header-actions #avatarBtn { width: 44px; height: 44px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .home-header .header-actions .wx { margin-left: 0px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .home-header .clock { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .greeting__word { font-size: 13px; line-height: normal; }
.hx:root[data-review][data-home="v2"][data-v2desk] .greeting__name { font-size: 22px; font-weight: 600; line-height: normal; white-space: nowrap; }
.hx:root[data-review][data-home="v2"][data-v2desk] .home-header .search-row { position: static; top: auto; display: flex; gap: 10px; flex: 1 1 auto; order: 0; width: auto; max-width: 640px; margin: 0px auto; padding: 0px; background: none; box-shadow: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .home-header .search-row::before, .hx:root[data-review][data-home="v2"][data-v2desk] .home-header .search-row::after { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .home-header .search-row__profile { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .home-header .search { flex: 1 1 auto; height: 44px; min-height: 44px; border-radius: 12px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .home-header :is(.search__input, .search__hint) { font-size: 14px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .home-header .search-btn { width: 44px; height: 44px; border-radius: 12px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .main-frame { padding-top: 0px; }
.hx:root[data-review][data-home="v2"][data-v2desk] #panel-modules > .hstrip { margin-top: 24px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d { display: grid; grid-template-columns: minmax(0px, 1fr) 400px; gap: 40px; align-items: start; margin-top: 32px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__main { min-width: 0px; display: flex; flex-direction: column; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__main > .modules-band { margin: 0px; padding: 0px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail { display: flex; flex-direction: column; gap: 24px; min-width: 0px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail > * { margin: 0px; flex: 0 0 auto; }
.hx:root[data-review][data-home="v2"][data-v2desk] #modulesHead { min-height: 32px; height: auto; margin: 0px 0px 16px; padding: 0px; }
.hx:root[data-review][data-home="v2"][data-v2desk] #modulesTitle { font-size: 16px; font-weight: 600; line-height: normal; color: var(--d-ink); }
.hx:root[data-review][data-home="v2"][data-v2desk] .modules-band .site-tabs--v2 { position: static; top: auto; display: flex; flex-wrap: wrap; gap: 8px; height: auto; width: auto; margin: 0px 0px 16px; padding: 0px; background: none; box-shadow: none; overflow: visible; }
.hx:root[data-review][data-home="v2"][data-v2desk] .modules-band .site-tabs--v2::before { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .modules-band .site-tabs__menu { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .modules-band .site-tabs__track { display: flex; flex-wrap: wrap; gap: 8px; overflow: visible; padding: 0px; margin: 0px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .modules-band .site-tabs--v2 .site-tabs__tab { height: 38px; padding: 0px 18px; border-radius: 999px; font-size: 14px; font-weight: 400; background: rgb(226, 232, 230); color: var(--d-ink-2); box-shadow: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .modules-band .site-tabs--v2 .site-tabs__tab[aria-selected="true"] { padding: 0px 18px; background: var(--d-teal); color: rgb(255, 255, 255); }
.hx:root[data-review][data-home="v2"][data-v2desk] .modules-band .site-tabs__tab::after { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .modules-band .hero { height: 168px; min-height: 0px; margin: 0px 0px 16px; border-radius: 16px; }
.hx:root[data-review][data-home="v2"][data-v2desk] #moduleGrid .card { border-radius: 16px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d-all, .hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck__all, .hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs-head__all { display: inline-flex; align-items: center; height: auto; padding: 0px; border: 0px; background: none; margin-left: auto; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13px; font-weight: 400; letter-spacing: 0px; line-height: normal; color: var(--d-ink-2); cursor: pointer; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d-all::after { content: " »"; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail :is(.adeck__all, .obs-head__all) img { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail :is(.adeck__all, .obs-head__all)::after { content: " »"; position: static; inset: auto; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail :is(#favTitle, #adeckTitle, #obsTitle) { margin: 0px; font-size: 16px; font-weight: 600; line-height: normal; letter-spacing: 0px; color: var(--d-ink); }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .fav-band:not([hidden]) { display: flex; flex-direction: column; gap: 10px; margin: 0px; padding: 16px; border-radius: 20px; background: rgb(255, 255, 255); }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .fav__head { display: flex; align-items: center; height: auto; min-height: 32px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .fav__edit { display: none !important; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .fav__rail { display: grid; grid-auto-flow: column; grid-auto-columns: calc(29.4118% - 7.05882px); grid-template-columns: none; gap: 8px; margin: 0px; padding: 0px 0px 8px; overflow: auto hidden; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: rgb(201, 214, 209) transparent; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .fav__rail::-webkit-scrollbar { display: block; height: 6px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .fav__rail::-webkit-scrollbar-thumb { background: rgb(201, 214, 209); border-radius: 3px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .fav__item { scroll-snap-align: start; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .fav__item:has(> .fav__card--add) { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .fav__rail.is-dragging { cursor: grabbing; user-select: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .fav__rail.is-dragging * { pointer-events: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .fav__card { width: 100%; flex-basis: auto; height: auto; aspect-ratio: 3 / 4; padding: 8px 6px 7px 8px; border-radius: 12px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .fav__name { font-size: 11px; font-weight: 600; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .fav__idsep::before { font-size: 11px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .fav__meta { font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .fav__sex { top: 6px; right: 6px; transform: scale(0.8); transform-origin: right top; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck { position: relative; display: block; margin: 0px; padding: 16px; border-radius: 20px; background: linear-gradient(rgb(230, 246, 243), rgb(216, 240, 236)); }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail #adeckTitle { position: static; width: auto; height: auto; min-height: 32px; display: flex; align-items: center; margin: 0px 0px 10px; clip: auto; clip-path: none; overflow: visible; white-space: normal; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck__foot { position: static; display: flex; justify-content: center; margin: 12px 0px 0px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__all { position: absolute; top: 16px; right: 16px; height: 32px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__card { --adeck-h: 340px; width: 100%; height: var(--adeck-h); padding: 0px; gap: 0px; flex-direction: column-reverse; border-radius: 14px; box-shadow: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__card:not([data-i="0"]) { opacity: 0; pointer-events: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__img { flex: 0 0 auto; width: 100%; height: 150px; border-radius: 0px; align-self: stretch; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__body { flex: 1 1 auto; min-height: 0px; padding: 12px 14px 14px; gap: 8px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__chip { height: auto; padding: 4px 8px 4px 4px; gap: 6px; font-size: 10px; font-weight: 600; letter-spacing: 0.04em; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__chip img { width: 18px; height: 18px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__text { gap: 4px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__hl { font-size: 15px; font-weight: 500; line-height: 1.35; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__desc { font-size: 13px; line-height: 1.5; -webkit-line-clamp: 3; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__meta { margin-top: auto; padding: 0px; font-size: 11px; font-weight: 400; color: var(--d-mute); }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs-band { margin: 0px; padding: 16px; border-radius: 20px; background: rgb(255, 255, 255); overflow: visible; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs-band .obs-head { display: flex; align-items: center; height: auto; min-height: 32px; margin: 0px 0px 10px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs-band .v2seg { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs-rail { display: flex; flex-direction: column; gap: 0px; margin: 0px; padding: 0px; overflow: visible; scroll-snap-type: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs-rail > :is(.obs:nth-of-type(n+4), .obs-next) { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs { --obs-w: auto; display: grid; grid-template-columns: 72px minmax(0px, 1fr); grid-template-rows: auto auto; column-gap: 12px; width: auto; height: auto; min-height: 0px; padding: 12px 0px; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: initial; border-top: 1px solid var(--d-line); border-radius: 0px; background: none; box-shadow: none; overflow: visible; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs:first-of-type { border-top: 0px; padding-top: 2px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs__media { grid-row: 1 / 3; width: 72px; height: 72px; aspect-ratio: auto; border-radius: 12px; overflow: hidden; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs__media::after, .hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs__strip, .hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs__flat-txt { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs__pri { top: 4px; right: 4px; width: 18px; height: 18px; padding: 1px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs__pri-ico { font-size: 8px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs__body { padding: 0px; box-shadow: none; gap: 0px; min-width: 0px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs__title-row { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs__title { font-size: 14px; font-weight: 600; color: var(--d-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs__date { order: 0; flex: 0 0 auto; margin: 0px; font-size: 11px; color: var(--d-mute); }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs__tags { margin: 2px 0px 4px; padding: 0px; border: 0px; font-size: 11px; color: var(--d-mute); }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs__note { margin: 0px; font-size: 12px; line-height: 1.45; color: var(--d-ink-2); -webkit-line-clamp: 2; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs__actions { grid-column: 2; display: flex; align-items: center; justify-content: space-between; margin: 6px 0px 0px; padding: 0px; border: 0px; min-height: 0px; height: auto; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs__av { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs__by { font-size: 11px; color: var(--d-mute); }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs__acts { gap: 6px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs__act { height: auto; min-height: 0px; padding: 0px; gap: 3px; font-size: 11px; color: var(--d-mute); }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs__act::after { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs__ico, .hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs__ico img { width: 13px; height: 13px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .obs__count b { font-size: 11px; font-weight: 400; }
.hx:root[data-review][data-home="v2"][data-v2desk] .qa-row .mhint { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .home-header :is(.search-btn, .icon-btn--bell) { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__main > .modules-band { display: grid; grid-template-columns: minmax(0px, 1fr) auto; column-gap: 16px; align-items: center; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__main > .modules-band > * { grid-column: 1 / -1; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__main > .modules-band > #siteTabsV2 { grid-area: 1 / 1; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__main > .modules-band > #modulesHead { grid-area: 1 / 2; align-self: start; height: 38px; min-height: 0px; margin: 0px 0px 16px; }
.hx:root[data-review][data-home="v2"][data-v2desk] #modulesTitle { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.hx:root[data-review][data-home="v2"][data-v2desk] { overflow-x: clip; }
.hx:root[data-review][data-home="v2"][data-v2desk] #panel-modules > .hstrip { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); border-radius: 0px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .home-header .wx, .hx:root[data-review][data-home="v2"][data-v2desk] .modules-band .hero--estate { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .home-header .search-row { margin: 0px 0px 0px auto; }
.hx:root[data-review][data-home="v2"][data-v2desk] .qa--modules:not(.is-open):not(.is-closing) .qa-menu { visibility: hidden; pointer-events: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .qa--modules .qa-menu { width: min(920px, -64px + 100vw); padding: 24px 24px 20px; border-radius: 24px; background: rgb(255, 255, 255); backdrop-filter: none; box-shadow: rgba(16, 45, 52, 0.45) 0px 30px 80px -24px, rgba(16, 45, 52, 0.06) 0px 0px 0px 1px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .qa--modules .qa-menu__head { padding: 0px 0px 4px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .qa--modules .qa-menu__head b { font-size: 20px; font-weight: 600; letter-spacing: 0px; color: var(--d-ink); text-shadow: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .qa--modules .qa-menu__grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px; overflow-y: auto; overscroll-behavior: contain; }
.hx:root[data-review][data-home="v2"][data-v2desk] .qa--modules .qa-mod-cat { grid-column: 1 / -1; margin: 14px 0px 2px; font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--d-mute); }
.hx:root[data-review][data-home="v2"][data-v2desk] .qa--modules .qa-mod { display: grid; grid-template-columns: 40px minmax(0px, 1fr); grid-template-rows: auto auto; column-gap: 12px; place-items: center start; height: auto; min-height: 64px; padding: 10px 12px; border: 1px solid var(--d-line); border-radius: 14px; background: rgb(255, 255, 255); backdrop-filter: none; box-shadow: none; color: var(--d-ink); text-align: left; transition: background 160ms, border-color 160ms, transform 160ms; }
.hx:root[data-review][data-home="v2"][data-v2desk] .qa--modules .qa-mod::before, .hx:root[data-review][data-home="v2"][data-v2desk] .qa--modules .qa-mod::after { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .qa--modules .qa-mod:hover { background: rgb(244, 248, 246); border-color: rgb(207, 220, 215); }
.hx:root[data-review][data-home="v2"][data-v2desk] .qa--modules .qa-mod:active { transform: scale(0.98); }
.hx:root[data-review][data-home="v2"][data-v2desk] .qa--modules .qa-mod:focus-visible { outline: 2px solid var(--d-teal); outline-offset: 2px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .qa--modules .qa-mod__g { grid-row: 1 / 3; display: grid; place-items: center; width: 40px; height: 40px; margin: 0px; border-radius: 12px; background: var(--qa-mod-g, var(--d-teal)); }
.hx:root[data-review][data-home="v2"][data-v2desk] .qa--modules .qa-mod__g img { width: 22px; height: 22px; filter: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .qa--modules .qa-mod__t { align-self: end; font-size: 14px; font-weight: 600; line-height: 1.25; color: var(--d-ink); text-shadow: none; hyphens: manual; }
.hx:root[data-review][data-home="v2"][data-v2desk] .qa--modules .qa-mod__d { align-self: start; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; font-size: 12px; line-height: 1.35; color: var(--d-mute); }
.hx .qa-mod__d { display: none; }
.hx .mweb { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .mweb { position: relative; z-index: 3; flex: 0 0 auto; display: flex; align-items: center; gap: 12px; height: 60px; padding: 0px 20px; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(223, 232, 228); }
.hx .mweb__logo { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0px 10px 0px 4px; border: 0px; border-radius: 10px; background: none; cursor: pointer; }
.hx .mweb__mark { width: 30px; height: 32px; background: rgb(46, 139, 87); mask: url("assets/hx/img/antz-mark.svg") center center / contain no-repeat; }
.hx .mweb__logo span { font-size: 22px; font-weight: 700; letter-spacing: 0.02em; color: rgb(46, 139, 87); }
.hx .mweb__logo:hover { background: rgb(240, 246, 244); }
.hx .mweb__sw { position: relative; }
.hx .mweb__mod { display: inline-flex; align-items: center; gap: 10px; height: 40px; padding: 0px 12px 0px 6px; border: 1px solid rgb(223, 232, 228); border-radius: 12px; background: rgb(255, 255, 255); color: rgb(31, 42, 48); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 15px; cursor: pointer; }
.hx .mweb__mod:hover, .hx .mweb__mod[aria-expanded="true"] { background: rgb(244, 248, 246); border-color: rgb(201, 214, 209); }
.hx .mweb__mod b { font-weight: 600; white-space: nowrap; }
.hx .mweb__mod > svg { width: 16px; height: 16px; color: rgb(107, 119, 115); transition: transform 160ms; }
.hx .mweb__mod[aria-expanded="true"] > svg { transform: rotate(180deg); }
.hx .mweb__g, .hx .mweb__ig { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: var(--mweb-g, #1F515B); color: rgb(255, 255, 255); }
.hx .mweb__g img, .hx .mweb__ig img { width: 16px; height: 16px; }
.hx .mweb__g svg { width: 16px; height: 16px; }
.hx .mweb__pop { position: absolute; top: calc(100% + 8px); left: 0px; width: 560px; max-height: min(620px, -90px + 100dvh); display: flex; flex-direction: column; padding: 12px; border-radius: 16px; background: rgb(255, 255, 255); box-shadow: rgba(16, 45, 52, 0.4) 0px 24px 60px -18px, rgba(16, 45, 52, 0.08) 0px 0px 0px 1px; }
.hx .mweb__pop[hidden] { display: none; }
.hx .mweb__find { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; height: 42px; padding: 0px 12px; border-radius: 10px; background: rgb(241, 245, 243); color: rgb(107, 119, 115); }
.hx .mweb__find svg { width: 18px; height: 18px; }
.hx .mweb__find input { flex: 1 1 0%; min-width: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; color: rgb(31, 42, 48); outline: none; }
.hx .mweb__list { overflow-y: auto; overscroll-behavior: contain; padding: 4px 2px 2px; }
.hx .mweb__cat { margin: 12px 8px 6px; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(107, 119, 115); }
.hx .mweb__row { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 2px; }
.hx .mweb__it { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0px 10px 0px 8px; border: 0px; border-radius: 10px; background: none; color: rgb(31, 42, 48); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; text-align: left; cursor: pointer; }
.hx .mweb__it:hover, .hx .mweb__it:focus-visible { background: rgb(240, 246, 244); outline: none; }
.hx .mweb__it[aria-selected="true"] { background: rgb(230, 242, 238); font-weight: 600; }
.hx .mweb__in { flex: 1 1 0%; min-width: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hx .mweb__it > svg { flex: 0 0 auto; width: 16px; height: 16px; color: rgb(31, 81, 91); }
.hx .mweb__none { margin: 16px 8px; color: rgb(107, 119, 115); }
.hx .mweb__crumbs { display: flex; align-items: center; gap: 8px; min-width: 0px; margin-left: 8px; padding-left: 16px; border-left: 1px solid rgb(223, 232, 228); font-size: 14px; color: rgb(107, 119, 115); }
.hx .mweb__crumbs button { padding: 4px 6px; border: 0px; border-radius: 6px; background: none; color: rgb(31, 81, 91); font: inherit; cursor: pointer; }
.hx .mweb__crumbs button:hover { background: rgb(240, 246, 244); }
.hx .mweb__crumbs b { font-weight: 500; color: rgb(31, 42, 48); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .mweb__crumbs i { font-style: normal; color: rgb(163, 176, 172); }
.hx:root[data-review][data-home="v2"][data-v2desk] .mpage[data-view="msh"] .mpage__bar { display: none; }
.hx .msh__home { width: 100%; border: 0px; background: none; font: inherit; text-align: left; cursor: pointer; }
.hx .msh__home + .msh__cap { margin-top: 14px; padding-top: 14px; border-top: 1px solid rgb(223, 232, 228); }
.hx .msh { display: grid; grid-template-columns: 260px minmax(0px, 1fr); min-height: 100%; background: rgb(239, 245, 242); }
.hx .msh__nav { position: sticky; top: 0px; align-self: start; display: flex; flex-direction: column; gap: 4px; max-height: calc(-60px + 100dvh); overflow-y: auto; padding: 16px 12px 24px; }
.hx .msh__cap { margin: 4px 12px 10px; font-size: 12px; font-weight: 600; letter-spacing: 0.08em; color: rgb(107, 119, 115); }
.hx .msh__item { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 0px 14px; border-radius: 10px; color: rgb(51, 68, 62); font-size: 15px; text-decoration: none; }
.hx .msh__item svg { flex: 0 0 auto; width: 20px; height: 20px; }
.hx .msh__item span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hx .msh__item:hover { background: rgba(31, 81, 91, 0.07); }
.hx .msh__item[aria-current="page"] { background: rgb(31, 81, 91); color: rgb(255, 255, 255); }
.hx .msh__main { min-width: 0px; padding: 20px 32px 48px 16px; }
.hx .msh__h { margin: 4px 0px 20px; font-size: 26px; font-weight: 500; color: rgb(31, 42, 48); }
.hx .msh__hero { position: relative; display: flex; align-items: center; gap: 24px; min-height: 180px; padding: 28px 32px; border-radius: 20px; background: var(--msh-g); color: rgb(255, 255, 255); overflow: hidden; }
.hx .msh__hero-ico { flex: 0 0 auto; display: grid; place-items: center; width: 96px; height: 96px; border-radius: 24px; background: rgba(255, 255, 255, 0.18); }
.hx .msh__hero-ico img { width: 56px; height: 56px; }
.hx .msh__hero h2 { margin: 0px 0px 8px; font-size: 26px; font-weight: 600; }
.hx .msh__hero p { margin: 0px; max-width: 60ch; font-size: 15px; line-height: 1.5; opacity: 0.92; }
.hx .msh__sh { margin: 28px 0px 12px; font-size: 13px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(107, 119, 115); }
.hx .msh__tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.hx .msh__tile { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 72px; padding: 0px 18px; border-radius: 14px; background: rgb(255, 255, 255); color: rgb(31, 42, 48); font-size: 15px; font-weight: 500; text-decoration: none; box-shadow: rgba(16, 45, 52, 0.06) 0px 1px 2px; }
.hx .msh__tile svg { flex: 0 0 auto; width: 18px; height: 18px; color: rgb(31, 81, 91); }
.hx .msh__tile:hover { box-shadow: rgba(16, 45, 52, 0.3) 0px 6px 18px -8px; }
.hx .msh__crumbs { display: flex; align-items: center; gap: 8px; font-size: 13px; color: rgb(107, 119, 115); }
.hx .msh__crumbs a { color: rgb(31, 81, 91); text-decoration: none; }
.hx .msh__crumbs a:hover { text-decoration: underline; }
.hx .msh__empty { padding: 40px 32px; border: 1px dashed rgb(201, 214, 209); border-radius: 16px; background: rgb(255, 255, 255); color: rgb(68, 84, 74); font-size: 15px; line-height: 1.6; }
.hx .msh__empty p { margin: 0px 0px 6px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__stack { overflow: hidden; border-radius: 14px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__card { transition: opacity 420ms, transform 520ms cubic-bezier(0.2, 0.7, 0.2, 1); }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__card[data-i="0"] { transform: none; opacity: 1; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__card:is([data-i="1"], [data-i="2"]) { transform: translateX(24px); opacity: 0; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__card[data-i="3"] { transform: translateX(-24px); opacity: 0; }
.hx:root[data-review][data-home="v2"][data-v2desk] .qa--modules .qa-menu { display: flex; flex-direction: column; }
.hx:root[data-review][data-home="v2"][data-v2desk] .qa--modules .qa-menu__head { flex: 0 0 auto; }
.hx:root[data-review][data-home="v2"][data-v2desk] .qa--modules .qa-menu__grid { flex: 1 1 auto; min-height: 0px; align-content: start; padding: 0px 4px 4px 0px; scrollbar-width: thin; scrollbar-color: rgb(201, 214, 209) transparent; }
.hx:root[data-review][data-home="v2"][data-v2desk] #moduleGrid .card:has(> .obs-slot) { padding: 0px; border-radius: 16px; background: rgb(231, 237, 235); box-shadow: none; overflow: hidden; cursor: default; }
.hx:root[data-review][data-home="v2"][data-v2desk] #moduleGrid .card:has(> .obs-slot)::before, .hx:root[data-review][data-home="v2"][data-v2desk] #moduleGrid .card:has(> .obs-slot)::after { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .obs-slot { position: absolute; inset: 0px; display: flex; }
.hx:root[data-review][data-home="v2"][data-v2desk] .obs-slot > .obs-band { flex: 1 1 0%; display: flex; flex-direction: column; min-width: 0px; margin: 0px; padding: 16px 0px 20px; border-radius: 0px; background: none; box-shadow: none; overflow: hidden; }
.hx:root[data-review][data-home="v2"][data-v2desk] .obs-slot .obs-head { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; height: auto; min-height: 32px; margin: 0px 0px 12px; padding: 0px 20px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .obs-slot #obsTitle { margin: 0px; font-size: 16px; font-weight: 600; line-height: normal; letter-spacing: 0px; color: var(--d-ink); }
.hx:root[data-review][data-home="v2"][data-v2desk] .obs-slot .v2seg { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .obs-slot .obs-head__all { display: inline-flex; align-items: center; height: auto; padding: 0px; border: 0px; background: none; margin-left: auto; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13px; font-weight: 400; letter-spacing: 0px; line-height: normal; color: var(--d-ink-2); cursor: pointer; }
.hx:root[data-review][data-home="v2"][data-v2desk] .obs-slot .obs-head__all img { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .obs-slot .obs-head__all::after { content: " »"; position: static; inset: auto; }
.hx:root[data-review][data-home="v2"][data-v2desk] .obs-slot .obs-head__all:hover { color: var(--d-ink); text-decoration: underline; }
.hx:root[data-review][data-home="v2"][data-v2desk] .obs-slot .obs-rail { flex: 1 1 0%; min-height: 0px; margin: 0px; padding: 0px 20px; scroll-padding-left: 20px; overscroll-behavior-x: contain; }
.hx .mx { position: fixed; inset: 0px; z-index: 420; display: grid; place-items: center; padding: 32px; }
.hx .mx[hidden] { display: none; }
.hx.mx-lock, .hx.mx-lock body { overflow: hidden; }
.hx .mx__scrim { position: absolute; inset: 0px; background: rgba(16, 40, 46, 0.32); backdrop-filter: blur(10px); opacity: 0; transition: opacity 180ms; }
.hx .mx__panel { --ink: #1F2A30; --ink-2: #44544A; --mute: #6B7773; --line: #E4EAE7; --teal: #1F515B; position: relative; display: flex; flex-direction: column; width: min(1060px, 100%); height: min(620px, 100%); border-radius: 20px; background: rgb(255, 255, 255); color: var(--ink); font: 14px / 1.45 Inter, system-ui, sans-serif; box-shadow: rgba(0, 0, 0, 0.45) 0px 30px 80px -24px, rgba(0, 0, 0, 0.04) 0px 0px 0px 1px; overflow: hidden; opacity: 0; transform: translateY(10px) scale(0.985); transition: opacity 180ms, transform 220ms cubic-bezier(0.2, 0.7, 0.2, 1); }
.hx .mx.is-on .mx__scrim { opacity: 1; }
.hx .mx.is-on .mx__panel { opacity: 1; transform: none; }
.hx .mx button { font-family: inherit; line-height: inherit; color: inherit; }
.hx .mx svg { flex: 0 0 auto; }
.hx .mx__head { flex: 0 0 auto; display: flex; align-items: center; gap: 16px; height: 68px; padding: 0px 16px 0px 24px; border-bottom: 1px solid var(--line); }
.hx .mx__head h2 { flex: 0 0 auto; width: 204px; margin: 0px; font-size: 17px; font-weight: 600; }
.hx .mx__find { flex: 1 1 0%; max-width: 520px; display: flex; align-items: center; gap: 10px; height: 40px; padding: 0px 14px; border-radius: 12px; background: rgb(244, 247, 246); color: var(--mute); }
.hx .mx__find svg { width: 18px; height: 18px; }
.hx .mx__find input { flex: 1 1 0%; min-width: 0px; border: 0px; background: none; outline: none; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; color: var(--ink); }
.hx .mx__find kbd { padding: 2px 6px; border-radius: 6px; background: rgb(255, 255, 255); box-shadow: 0 0 0 1px var(--line); font: 11px Inter, sans-serif; color: var(--mute); }
.hx .mx__x { display: grid; place-items: center; width: 34px; height: 34px; margin-left: auto; border: 0px; border-radius: 50%; background: none; cursor: pointer; }
.hx .mx__x:hover { background: rgb(242, 246, 244); }
.hx .mx__x svg { width: 18px; height: 18px; }
.hx .mx__body { flex: 1 1 0%; min-height: 0px; display: flex; }
.hx .mx__side { flex: 0 0 auto; width: 228px; display: flex; flex-direction: column; gap: 2px; padding: 14px 12px; border-right: 1px solid var(--line); overflow-y: auto; }
.hx .mx__side hr { width: 100%; margin: 8px 0px; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: initial; border-top: 1px solid var(--line); }
.hx .mx__cat { display: flex; align-items: center; gap: 10px; height: 36px; padding: 0px 10px; border: 0px; border-radius: 8px; background: none; color: var(--ink-2); font-size: 13.5px; text-align: left; white-space: nowrap; cursor: pointer; }
.hx .mx__cat svg { width: 16px; height: 16px; }
.hx .mx__cat span { flex: 1 1 0%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; }
.hx .mx__cat em { font-style: normal; font-size: 12px; color: var(--mute); }
.hx .mx__cat:hover { background: rgb(244, 247, 246); color: var(--ink); }
.hx .mx__cat[aria-pressed="true"] { background: rgb(232, 243, 240); color: var(--teal); font-weight: 600; }
.hx .mx__cat[aria-pressed="true"] em { font-weight: 400; }
.hx .mx__edit { margin-top: auto; padding: 8px 10px; border: 0px; background: none; font-weight: 600; text-align: left; cursor: pointer; color: var(--teal) !important; font-size: 13px !important; }
.hx .mx__edit:hover { text-decoration: underline; }
.hx .mx__list { flex: 1 1 0%; min-width: 0px; overflow-y: auto; overscroll-behavior: contain; padding: 8px 16px 20px; }
.hx .mx__grp { margin: 14px 8px 6px; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute); }
.hx .mx__rows { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 2px 8px; }
.hx .mx__row { display: flex; align-items: center; gap: 12px; height: 48px; padding: 0px 10px; border: 0px; border-radius: 10px; background: none; text-align: left; cursor: pointer; }
.hx .mx__row:hover { background: rgb(244, 247, 246); }
.hx .mx__row.is-on { background: rgb(238, 246, 243); }
.hx .mx__row b { flex: 1 1 0%; min-width: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; font-weight: 500; hyphens: manual; }
.hx .mx__row > svg { width: 16px; height: 16px; color: var(--mute); opacity: 0; transition: opacity 150ms; }
.hx .mx__row:hover > svg, .hx .mx__row.is-on > svg { opacity: 1; }
.hx .mx__g { flex: 0 0 auto; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; background: var(--mx-g, var(--teal)); }
.hx .mx__g img { width: 17px; height: 17px; }
.hx .mx__none { margin: 40px 8px; color: var(--mute); text-align: center; }
.hx .mx__detail { flex: 0 0 auto; width: 280px; display: flex; flex-direction: column; padding: 20px 20px 16px; border-left: 1px solid var(--line); background: rgb(250, 251, 251); overflow: hidden; }
.hx .mx__dh { display: flex; align-items: center; gap: 12px; }
.hx .mx__dh .mx__g { width: 44px; height: 44px; border-radius: 12px; }
.hx .mx__dh .mx__g img { width: 23px; height: 23px; }
.hx .mx__dh h3 { margin: 0px; font-size: 17px; font-weight: 600; hyphens: manual; }
.hx .mx__dh small { display: block; color: var(--mute); font-size: 12px; }
.hx .mx__detail p { margin: 12px 0px 16px; color: var(--ink-2); font-size: 13px; line-height: 1.5; }
.hx .mx__open { flex: 0 0 auto; height: 38px; margin-bottom: 18px; border: 0px; border-radius: 10px; background: var(--teal); font-weight: 600; cursor: pointer; color: rgb(255, 255, 255) !important; font-size: 13.5px !important; }
.hx .mx__open:hover { background: rgb(24, 67, 75); }
.hx .mx__cap { margin: 0px 0px 6px; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute); }
.hx .mx__scr { display: flex; flex-direction: column; min-height: 0px; overflow-y: auto; margin: 0px -6px; }
.hx .mx__scr button { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; height: 36px; padding: 0px 8px; border: 0px; border-radius: 8px; background: none; color: var(--ink-2); font-size: 13.5px; text-align: left; cursor: pointer; }
.hx .mx__scr button::before { content: ""; flex: 0 0 auto; width: 6px; height: 6px; border-radius: 50%; background: rgb(201, 214, 209); }
.hx .mx__scr button::after { content: "›"; margin-left: auto; color: var(--mute); }
.hx .mx__scr button:hover { background: rgb(238, 243, 241); color: var(--ink); }
.hx .mx__scr button:hover::before, .hx .mx__scr button.is-hit::before { background: var(--teal); }
.hx .mx__scr button.is-hit { font-weight: 600; color: var(--ink); }
.hx .mx__panel { width: min(1060px, 100%); height: min(632px, 100%); border-radius: 12px; }
.hx .mx__head { height: 80px; gap: 20px; padding: 20px; border-bottom-color: rgba(0, 0, 0, 0.05); }
.hx .mx__head h2 { flex: 1 1 auto; width: auto; font-size: 16px; font-weight: 500; line-height: normal; color: rgb(38, 58, 47); }
.hx .mx__find { flex: 0 0 auto; width: 458.5px; max-width: 50%; height: 40px; padding: 0px 14px; gap: 10px; border-radius: 12px; background: rgba(0, 0, 0, 0.05); color: rgb(68, 84, 74); }
.hx .mx__find input { font-size: 12px; color: rgb(38, 58, 47); }
.hx .mx__find input::placeholder { color: rgb(117, 117, 117); opacity: 1; }
.hx .mx__find kbd { padding: 2px 6px; border-radius: 4px; box-shadow: none; color: rgb(107, 119, 115); }
.hx .mx__x { display: none; }
.hx .mx__side { gap: 6px; padding: 16px 10px 16px 16px; border-right-color: rgb(228, 234, 231); }
.hx .mx__cat { height: 41px; flex: 0 0 auto; padding: 12px; gap: 10px; border-radius: 8px; color: rgb(68, 84, 74); font-size: 14px; font-weight: 500; letter-spacing: 0.1px; }
.hx .mx__cat:hover { background: rgb(242, 247, 245); color: rgb(68, 84, 74); }
.hx .mx__cat[aria-pressed="true"] { background: rgb(232, 244, 242); color: rgb(68, 84, 74); font-weight: 500; }
.hx .mx__list { padding: 22px 16px 24px; }
.hx .mx__grp { margin: 0px 0px 16px; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; text-transform: none; color: rgb(68, 84, 74); }
.hx .mx__rows + .mx__grp { margin-top: 32px; }
.hx .mx__rows { gap: 8px; }
.hx .mx__row { height: 48px; gap: 12px; padding: 0px 8px; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 12px; background: rgb(255, 255, 255); color: rgb(68, 84, 74); transition: background-color 120ms, color 120ms; }
.hx .mx__row b { font-size: 14px; font-weight: 500; letter-spacing: 0.1px; }
.hx .mx__row > svg { display: none; }
.hx .mx__row:hover, .hx .mx__row.is-on { border-color: rgb(31, 81, 91); background: rgb(31, 81, 91); color: rgb(255, 255, 255); }
.hx .mx__g { border-radius: 8px; }
.hx .mx__none { margin: 40px 0px; }
.hx .mx__detail { padding: 16px; border-left-color: rgb(239, 245, 242); background: rgb(250, 251, 251); }
.hx .mx__scr { gap: 4px; margin: 0px -8px; }
.hx .mx__scr button { height: 36px; padding: 0px 8px; color: rgb(68, 84, 74); font-size: 13.5px; line-height: 19.575px; }
.hx .mx__scr button::before { display: none; }
.hx .mx__scr button::after { font-size: 14px; color: rgb(107, 119, 115); }
.hx .mx__scr button:hover { background: rgb(238, 243, 241); color: rgb(38, 58, 47); }
.hx .mx__scr button.is-hit { font-weight: 600; color: rgb(31, 81, 91); }
.hx .mx__panel { width: min(880px, 100%); }
.hx .mx__rows { grid-template-columns: minmax(0px, 1fr); }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__dwell { animation: auto ease 0s 1 normal none running none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__dots { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__foot { height: 0px; margin: 0px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__stack { display: flex; flex-direction: column; gap: 10px; height: auto; max-height: 436px; margin: 0px -6px 0px 0px; padding: 0px 6px 2px 0px; overflow: hidden auto; overscroll-behavior: contain; border-radius: 0px; scrollbar-width: thin; scrollbar-color: rgb(191, 211, 206) transparent; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__card { z-index: auto; flex: 0 0 auto; display: flex; flex-direction: row; align-items: stretch; gap: 12px; width: 100%; height: auto; min-height: 0px; padding: 10px; border-radius: 14px; background: rgb(255, 255, 255); box-shadow: none; cursor: pointer; transition: box-shadow 160ms; position: relative !important; inset: auto !important; opacity: 1 !important; transform: none !important; pointer-events: auto !important; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__card:hover { box-shadow: rgba(16, 45, 52, 0.4) 0px 8px 20px -12px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__img { flex: 0 0 auto; order: -1; width: 92px; height: auto; min-height: 92px; align-self: stretch; border-radius: 10px; overflow: hidden; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__img img { width: 100%; height: 100%; object-fit: cover; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__body { flex: 1 1 0%; min-width: 0px; padding: 0px; gap: 6px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__chip { align-self: flex-start; padding: 2px 8px 2px 2px; gap: 5px; font-size: 9.5px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__chip img { width: 16px; height: 16px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__hl { font-size: 14px; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__desc { font-size: 12px; line-height: 1.4; -webkit-line-clamp: 2; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__more { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck .adeck__meta { margin-top: auto; font-size: 11px; }
.hx:root[data-review][data-home="v2"][data-v2desk] { --max-content: 1392px; --grid-cols: 4; --grid-gap: 16px; background: rgb(239, 245, 242); }
.hx:root[data-review][data-home="v2"][data-v2desk] #moduleGrid { --grid-row: 144px; }
.hx:root[data-review][data-home="v2"][data-v2desk] :is(.wsky, #panel-modules > .hstrip) { display: none !important; }
.hx:root[data-review][data-home="v2"][data-v2desk] .home-header { margin: 0px calc(50% - 50vw); padding: 32px max(24px, -50% + 24px + 50vw); border-radius: 0px 0px 20px 20px; background: rgb(255, 255, 255); }
.hx:root[data-review][data-home="v2"][data-v2desk] .home-header { position: sticky; top: 0px; z-index: 50; box-shadow: rgba(31, 65, 91, 0.06) 0px 4px 16px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .greeting__word { font-size: 13px; color: rgba(31, 65, 91, 0.82); }
.hx:root[data-review][data-home="v2"][data-v2desk] .greeting__name { font-size: 20px; font-weight: 500; color: rgb(31, 65, 91); }
.hx:root[data-review][data-home="v2"][data-v2desk] .home-header .search-row { flex: 0 0 auto; width: 317px; max-width: none; margin: 0px 0px 0px auto; }
.hx:root[data-review][data-home="v2"][data-v2desk] .home-header .search { height: 48px; min-height: 48px; padding: 0px 24px; gap: 16px; border-radius: 12px; background: rgba(0, 0, 0, 0.05); box-shadow: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .home-header :is(.search__input, .search__hint) { font-size: 14px; color: rgb(122, 134, 132); }
.hx:root[data-review][data-home="v2"][data-v2desk] #panel-modules > .site-tabs--v2 { position: static; display: flex; align-items: center; gap: 8px; height: auto; margin: 16px 0px 0px; padding: 5px 0px; background: none; box-shadow: none; overflow: visible; }
.hx:root[data-review][data-home="v2"][data-v2desk] #panel-modules > .site-tabs--v2::before { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] #panel-modules > .site-tabs--v2 .site-tabs__menu { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 10px; background: rgb(221, 235, 233); color: rgb(31, 65, 91); }
.hx:root[data-review][data-home="v2"][data-v2desk] #panel-modules > .site-tabs--v2 .site-tabs__track { display: flex; gap: 8px; margin: 0px; padding: 0px; overflow: visible; }
.hx:root[data-review][data-home="v2"][data-v2desk] #panel-modules > .site-tabs--v2 .site-tabs__tab { height: 50px; padding: 0px 12px; border-radius: 10px; background: rgb(221, 235, 233); color: rgb(68, 84, 74); font-size: 14px; font-weight: 500; letter-spacing: 0.1px; box-shadow: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] #panel-modules > .site-tabs--v2 .site-tabs__tab[aria-selected="true"] { padding: 0px 27.5px; border-radius: 12px; background: rgb(31, 65, 91); color: rgb(255, 255, 255); }
.hx:root[data-review][data-home="v2"][data-v2desk] #panel-modules > .site-tabs--v2 .site-tabs__tab::after { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d { grid-template-columns: minmax(0px, 744fr) minmax(0px, 632fr); gap: 16px; margin-top: 16px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail { gap: 16px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__main > .modules-band { display: block; padding: 24px; border-radius: 20px; background: rgb(255, 255, 255); }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__main > .modules-band > #modulesHead { display: flex; align-items: center; height: auto; min-height: 19px; margin: 0px 0px 24px; padding: 0px; }
.hx:root[data-review][data-home="v2"][data-v2desk] #modulesTitle { position: static; width: auto; height: auto; overflow: visible; clip-path: none; white-space: nowrap; font-size: 16px; font-weight: 500; line-height: normal; color: rgb(31, 42, 48); }
.hx:root[data-review][data-home="v2"][data-v2desk] #moduleGrid .card { border-radius: 12px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__main #recentObs { margin: 24px 0px 0px; padding: 20px 0px 20px 20px; border-radius: 16px; background: rgb(231, 237, 235); overflow: hidden; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__main #recentObs .obs-head { display: flex; align-items: center; justify-content: space-between; height: auto; min-height: 19px; margin: 0px 0px 16px; padding: 0px 20px 0px 0px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__main #obsTitle { margin: 0px; font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: 0px; color: rgb(31, 42, 48); }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__main #recentObs .v2seg { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__main #recentObs .obs-head__all { display: inline-flex; align-items: center; height: auto; padding: 0px; border: 0px; background: none; margin-left: auto; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13px; font-weight: 400; letter-spacing: 0px; line-height: normal; color: rgb(68, 84, 74); cursor: pointer; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__main #recentObs .obs-head__all img { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__main #recentObs .obs-head__all::after { content: " »"; position: static; inset: auto; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__main #recentObs .obs-rail { margin: 0px; padding: 0px 20px 0px 0px; gap: 14px; scroll-padding-left: 0px; overscroll-behavior-x: contain; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__main #recentObs .obs-rail.is-dragging { cursor: grabbing; scroll-snap-type: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .fav-band:not([hidden]) { gap: 16px; padding: 20px 0px 20px 20px; border-radius: 20px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .fav__head { padding-right: 20px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail :is(#favTitle, #adeckTitle) { font-size: 16px; font-weight: 500; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .fav__rail { grid-auto-columns: 132px; gap: 8px; padding: 0px 20px 0px 0px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .fav__card { height: 158px; aspect-ratio: auto; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d-pend > .card { position: relative; display: block; width: 100%; height: auto; min-height: 0px; padding: 0px; border-radius: 16px; background: linear-gradient(rgb(255, 230, 220), rgb(255, 214, 199)); box-shadow: none; overflow: hidden; container-type: normal; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d-pend > .card::before, .hx:root[data-review][data-home="v2"][data-v2desk] .v2d-pend > .card::after { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d-pend .l-v2sn { position: static; display: flex; flex-direction: column; gap: 14px; padding: 18px 18px 16px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d-pend .l-v2sn__head { display: flex; align-items: center; gap: 9px; color: rgb(59, 36, 32); font-size: 19px; font-weight: 700; letter-spacing: -0.19px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d-pend .l-v2sn__head svg { width: 21px; height: 21px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d-pend .l-v2sn__rows { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 6px; height: auto; overflow: visible; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d-pend .l-v2sn__row { display: flex; align-items: center; gap: 10px; height: 66px; min-height: 0px; padding: 0px 16px; border: 0px; border-radius: 10px; background: rgba(255, 255, 255, 0.7); color: rgb(59, 36, 32); font-size: 14.9px; font-weight: 500; text-align: left; cursor: pointer; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d-pend .l-v2sn__row:hover { background: rgba(255, 255, 255, 0.9); }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d-pend .l-v2sn__t { flex: 1 1 0%; min-width: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d-pend .l-v2sn__row b { font-family: var(--font-num, 'DM Sans', sans-serif); font-size: 16.4px; font-weight: 700; color: rgb(59, 36, 32); }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d-pend .l-v2sn__row.is-late b { color: rgb(215, 38, 61); }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d__rail .adeck { padding: 20px; border-radius: 20px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d-pend .l-v2sn__t { font-size: 14.9px; font-weight: 500; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d-pend .l-v2sn__head b { font-size: 19px; font-weight: 700; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d-pend .card [class*="fold"], .hx:root[data-review][data-home="v2"][data-v2desk] .v2d-pend .l-v2sn::after { display: none; }
.hx:root[data-review][data-home="v2"][data-v2desk] .main-frame { padding-left: 24px; padding-right: 24px; }
.hx:root[data-review][data-home="v2"][data-v2desk] .v2d-pend .l-v2sn__head { height: 23px; line-height: 23px; }
.hx:root[data-review][data-home="v2"] .fav-band.has-tabs .fav__head { display: flex; align-items: center; height: auto; min-height: 22px; }
.hx .fav__box { display: contents; }
.hx .fav__fold { display: none; }
.hx .fav-band.has-tabs .fav__edit { display: none; }
.hx .fav__tabs { flex: 1 1 0%; min-width: 0px; position: relative; display: flex; margin: 0px; box-shadow: rgba(31, 65, 91, 0.14) 0px -1px 0px inset; }
.hx .fav__tab { --tab-gap: 8px; position: relative; z-index: 1; flex: 1 1 0px; min-width: 0px; display: flex; align-items: center; justify-content: center; height: 52px; padding: 0px 3px 6px; border: 0px; background: none; color: var(--c-on-surface-var, #44544A); font: 500 16px/1 Inter, var(--font); letter-spacing: 0.1px; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.hx .fav__tab svg { flex: 0 0 auto; width: 22px; height: 22px; }
.hx .fav__tabl { flex: 0 0 auto; max-width: 0px; margin-left: 0px; overflow: hidden; white-space: nowrap; opacity: 0; transition: max-width 460ms cubic-bezier(0.32, 0.72, 0, 1), margin-left 460ms cubic-bezier(0.32, 0.72, 0, 1), opacity 150ms; }
.hx .fav__tab[aria-selected="true"] .fav__tabl { max-width: 120px; margin-left: var(--tab-gap); opacity: 1; font-weight: 600; transition-delay: 0s, 0s, 130ms; transition-duration: 460ms, 460ms, 240ms; }
.hx .fav__tab:focus-visible { outline: rgb(31, 65, 91) solid 2px; outline-offset: -4px; border-radius: 10px; }
.hx .fav__tabbar { position: absolute; z-index: 0; left: 0px; bottom: 0px; height: 3px; border-radius: 3px; background: var(--c-on-surface-var, #44544A); pointer-events: none; transition: transform 480ms cubic-bezier(0.32, 0.72, 0, 1), width 480ms cubic-bezier(0.32, 0.72, 0, 1); }
.hx.has-wsky[data-sky-tone="dark"] .fav__tab { color: rgba(255, 255, 255, 0.8); }
.hx.has-wsky[data-sky-tone="dark"] .fav__tab[aria-selected="true"] { color: rgb(255, 255, 255); }
.hx.has-wsky[data-sky-tone="dark"] .fav__tabbar { background: rgb(255, 255, 255); }
.hx.has-wsky[data-sky-tone="dark"] .fav__tabs { box-shadow: rgba(255, 255, 255, 0.16) 0px -1px 0px inset; }
.hx .fav__mark { position: absolute; z-index: 2; top: 8px; left: 8px; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 6px; background: rgba(255, 255, 255, 0.92); color: rgb(31, 81, 91); }
.hx .fav__mark--star { color: rgb(242, 176, 30); }
.hx .fav__mark svg { width: 14px; height: 14px; }
.hx .fav__tag { position: absolute; z-index: 2; top: 8px; right: 8px; display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0px 7px; border-radius: 6px; background: rgba(255, 255, 255, 0.92); color: rgb(31, 65, 91); font: 600 11px/1 Inter, var(--font); letter-spacing: 0.1px; }
.hx .fav__tag svg { width: 13px; height: 13px; }
.hx .fav__mosaic { position: absolute; inset: 0px; display: grid; grid-template: 1fr 1fr / 1fr 1fr; gap: 2px; background: rgba(255, 255, 255, 0.85); }
.hx .fav__mosaic > * { position: relative; width: 100%; height: 100%; min-height: 0px; overflow: hidden; }
.hx .fav__mosaic img { display: block; width: 100%; height: 100%; object-fit: cover; }
.hx .fav__item > .fav__card--all { gap: 8px; display: flex !important; }
.hx:root[data-review][data-home="v2"] .fav__item:has(> .fav__card--all) { display: block !important; }
.hx .fav__alln { position: relative; z-index: 1; font: 400 12px/1 Inter, var(--font); color: var(--c-on-surface-var, #44544A); }
.hx .mhint__g { flex: 0 0 auto; display: block; width: 20px; height: 20px; background: currentcolor; mask: url("assets/hx/icon/qa-actions.svg") 1.042px 1.042px / 18.33px 18.33px no-repeat; }
.hx:root[data-home="v2"] .qa-pill__grid { mask: url("assets/hx/icon/qa-bolt.svg") center center / 20px 20px no-repeat; }
.hx:root[data-home="v2"] .qa.is-scrolled .qa-pill { gap: var(--s2); }
.hx:root[data-home="v2"] .qa.is-scrolled .qa-pill__t { max-width: 12em; opacity: 1; }
.hx .qa-foot--bare { margin-top: 0px; padding-top: 0px; border-top: 0px; }
.hx .qa-foot--bare:has(.qa-foot__none[hidden]) { display: none; }
.hx .qa-frow .qa-frow__g--ring { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; box-shadow: currentcolor 0px 0px 0px 0.9px inset; }
.hx .qa-frow__ink { display: block; width: 19.2px; height: 19.2px; background: currentcolor; mask: var(--qa-g) center / contain no-repeat; }
.hx .qa-frow__ink--img { background: none; mask: none; object-fit: contain; filter: grayscale(0.8); }
.hx .qa--folders .qa-frow + .qa-frow::before { left: 58px; }
.hx .qa-fold__fill { display: block; width: 24px; height: 24px; background: var(--ink-head, #44544A); mask: var(--qa-head) center / contain no-repeat; }
.hx .home-header { position: relative; }
.hx .site-head { position: relative; margin-inline: calc(var(--pad-page) * -1); margin-bottom: var(--s5); padding-top: ; padding-bottom: ; padding-left: ; border: 0px; border-radius: 0px; box-shadow: inset 0 -1px 0 var(--line); background: linear-gradient(rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.78)); backdrop-filter: blur(10px); padding-right: calc(var(--pad-page) + 172px); }
.hx .site-back { display: none; place-items: center; width: 40px; height: 40px; margin: 0 0 var(--s2) -6px; border: 0px; border-radius: var(--r-pill); background: none; color: var(--ink-2); cursor: pointer; }
.hx .site-back:hover { background: color-mix(in srgb, var(--petrol-800) 7%, transparent); }
.hx .site-back .icon { width: 22px; height: 22px; }
.hx .site-back { display: grid; }
.hx .site-head .crumb { display: none; }
.hx .site-map { position: absolute; top: var(--s3); right: var(--s4); bottom: var(--s3); width: 148px; border-radius: 12px; background: var(--petrol-050); box-shadow: inset 0 0 0 1px var(--line); overflow: hidden; }
.hx .site-map[hidden] { display: none; }
.hx .site-map__frame { position: absolute; left: 50%; top: 8px; translate: -50%; aspect-ratio: 1 / 1; height: calc(100% - 26px); }
.hx .site-map__land { position: absolute; inset: 0px; width: 100%; height: 100%; overflow: visible; }
.hx .site-map__land path { fill: color-mix(in srgb, var(--petrol-300) 46%, transparent); stroke: var(--petrol-500); stroke-width: 1.1; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.hx .site-map__pin { position: absolute; width: 6px; height: 6px; border-radius: 50%; translate: -50% -50%; background: var(--petrol-600); }
.hx .site-map__pin.is-here { width: 11px; height: 11px; background: var(--c-add-primary, #00AFD6); box-shadow: 0 0 0 4px color-mix(in srgb, var(--c-add-primary) 26%, transparent); }
.hx .site-map__label { position: absolute; left: 8px; right: 8px; bottom: 6px; font-size: 10px; color: var(--ink-3); text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .site-head { padding-right: var(--pad-page); }
.hx .site-map { display: none; }
.hx .crumb { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: var(--s2); font-size: var(--fs-micro); min-width: 0px; }
.hx .crumb__link { padding: 2px 4px; margin: -2px -4px; border: none; border-radius: 6px; background: none; color: var(--ink-3); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-weight: 550; cursor: pointer; white-space: nowrap; transition: color var(--t-fast) var(--ease), background var(--t-fast) var(--ease); }
.hx .crumb__link:hover { color: var(--ui-link); background: color-mix(in srgb, var(--ui-link) 10%, transparent); }
.hx .crumb__sep { color: var(--ink-4); }
.hx .crumb__here { color: var(--petrol-700); font-weight: 600; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .site-head__row { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--s4); flex-wrap: wrap; }
.hx .site-head__id { min-width: 0px; flex: 1 1 420px; }
.hx .site-head__name { display: inline-flex; align-items: center; gap: var(--s2); max-width: 100%; padding: 2px 8px 2px 0px; margin-left: -2px; border: none; border-radius: 8px; background: none; color: var(--ink); font-family: inherit; font-size: var(--fs-name); font-weight: 600; letter-spacing: -0.02em; line-height: 1.12; text-align: left; cursor: pointer; transition: background var(--t-fast) var(--ease); }
.hx .site-head__kind { flex: 0 0 auto; align-self: center; padding: 2px 8px; border-radius: 6px; background: color-mix(in srgb, var(--petrol-800) 9%, transparent); font-family: var(--font-num); font-size: var(--fs-label); font-weight: 700; letter-spacing: 0px; color: var(--petrol-700); font-variant-numeric: tabular-nums; }
.hx .site-head__name > span[data-name] { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .site-head__name:hover { background: color-mix(in srgb, var(--petrol-800) 7%, transparent); }
.hx .site-head__caret { flex: 0 0 auto; width: 18px; height: 18px; color: var(--ink-3); }
.hx .site-head__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 2px; font-size: var(--fs-label); color: var(--ink-2); min-width: 0px; }
.hx .site-head__dot { color: var(--ink-4); }
.hx .site-pill { display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0px 10px 0px 8px; border-radius: var(--r-pill); background: color-mix(in srgb, var(--petrol-800) 7%, transparent); font-size: var(--fs-micro); font-weight: 600; color: var(--petrol-700); white-space: nowrap; }
.hx .site-pill i { width: 7px; height: 7px; border-radius: var(--r-pill); background: rgb(46, 158, 107); }
.hx .site-pill[data-state="commissioning"] i { background: rgb(200, 149, 43); }
.hx .site-pill[data-state="attention"] i { background: var(--c-tertiary); }
.hx .site-head__actions { display: flex; align-items: center; gap: var(--s2); flex-wrap: wrap; }
.hx .btn-icon { display: grid; place-items: center; width: 38px; height: 38px; padding: 0px; border: 1px solid var(--line-2); border-radius: var(--r-pill); background: var(--surface); color: var(--petrol-800); cursor: pointer; transition: background var(--t-fast) var(--ease); }
.hx .btn-icon:hover { background: var(--petrol-050); }
.hx .btn-icon .icon { width: 18px; height: 18px; }
.hx .btn-icon[hidden] { display: none; }
.hx .site-stats { display: flex; align-items: center; gap: var(--s2); flex-wrap: wrap; margin-top: var(--s3); padding-top: var(--s3); border-top: 1px solid var(--line); }
.hx .site-stat { display: inline-flex; align-items: baseline; gap: 5px; min-height: 30px; padding: 2px var(--s3) 2px var(--s2); border: none; border-radius: var(--r-pill); background: none; font-family: inherit; cursor: pointer; transition: background var(--t-fast) var(--ease); }
.hx .site-stat:hover { background: color-mix(in srgb, var(--petrol-800) 7%, transparent); }
.hx .site-stat__value { font-family: var(--font-num); font-size: var(--fs-body); font-weight: 700; color: var(--petrol-800); font-variant-numeric: tabular-nums; }
.hx .site-stat__label { font-size: var(--fs-label); color: var(--ink-2); }
.hx .site-sync { display: inline-flex; align-items: center; gap: 5px; margin-left: auto; font-size: var(--fs-micro); color: var(--ink-3); white-space: nowrap; }
.hx .site-sync .icon { width: 13px; height: 13px; opacity: 0.7; }
.hx .pmenu--compact { min-width: 232px; }
.hx .pmenu--compact .pmenu__item { padding-block: 9px; }
.hx .pmenu__tick { flex: 0 0 auto; margin-left: auto; color: var(--ui-link); }
.hx .pmenu__tick .icon { width: 17px; height: 17px; display: block; }
.hx .pmenu__item.is-checked .pmenu__label { font-weight: 650; }
.hx .pmenu--modules { width: min(356px, -24px + 100vw); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.hx .pmenu__heading { display: flex; align-items: baseline; gap: var(--s2); padding: var(--s4) var(--s3) var(--s1); min-width: 0px; }
.hx .pmenu__heading:first-child { padding-top: var(--s2); }
.hx .pmenu__heading-text { flex: 0 0 auto; font-size: var(--fs-micro); font-weight: 650; letter-spacing: 0.05em; text-transform: uppercase; color: var(--petrol-600); }
.hx .pmenu__heading-note { font-size: var(--fs-micro); color: var(--ink-3); min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .pmenu--modules .pmenu__item { padding-block: var(--s2); min-height: 44px; }
.hx .pmenu--modules .pmenu__item.is-checked { background: var(--petrol-050); }
.hx .pmenu--modules .pmenu__item.is-checked:hover { background: var(--petrol-100); }
.hx .pmenu--modules .pmenu__label, .hx .pmenu--modules .pmenu__note { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .pmenu--centre { top: 50%; left: 50%; right: auto; width: min(460px, -48px + 100vw); max-height: min(76dvh, 720px); padding: var(--s2) var(--s2) var(--s3); border-radius: 22px; overflow-y: auto; overscroll-behavior: contain; translate: -50% -50%; transform: scale(0.97); transform-origin: center center; box-shadow: rgba(31, 65, 91, 0.1) 0px 2px 6px, rgba(31, 65, 91, 0.45) 0px 40px 90px -28px; }
.hx .pmenu--centre.is-open { transform: scale(1); }
.hx .pmenu__dhead { position: sticky; top: calc(var(--s2) * -1); z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: var(--s3); margin: calc(var(--s2) * -1) calc(var(--s2) * -1) var(--s1); padding: var(--s4) var(--s4) var(--s3); border-bottom: 1px solid var(--line); border-radius: 22px 22px 0px 0px; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(12px) saturate(1.4); }
.hx .pmenu__dtitle { font-size: var(--fs-card-title); font-weight: 650; letter-spacing: -0.015em; color: var(--ink); min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .pmenu__dclose { flex: 0 0 auto; display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: var(--r-pill); background: var(--surface); color: var(--ink-2); cursor: pointer; transition: background var(--t-fast) var(--ease), color var(--t-fast) var(--ease); }
.hx .pmenu__dclose:hover { background: var(--petrol-050); color: var(--ink); }
.hx .pmenu__dclose .icon { width: 16px; height: 16px; }
.hx .pmenu--centre .pmenu__heading:first-child { padding-top: var(--s3); }
.hx .pmenu-catcher--veil { z-index: calc(var(--z-sheet) - 1); background: rgba(10, 38, 44, 0.34); backdrop-filter: blur(3px) saturate(0.9); opacity: 0; transition: opacity var(--t-base) var(--ease); }
.hx .pmenu-catcher--veil.is-open { opacity: 1; }
.hx .card__icon--sprite, .hx .c-head__icon--sprite, .hx .l-compact__icon--sprite, .hx .l-empty__glyph { display: grid; place-items: center; }
.hx .card__icon--sprite .glyph, .hx .l-compact__icon--sprite .glyph { width: 100%; height: 100%; stroke-width: 1.5; }
.hx .c-head__icon--sprite .glyph { width: 20px; height: 20px; }
.hx .mod-row__icon.is-sprite, .hx .detail-head__icon.is-sprite { display: grid; place-items: center; color: var(--on-dark); }
.hx .mod-row__icon.is-sprite .glyph { width: 20px; height: 20px; }
.hx .detail-head__icon.is-sprite .glyph { width: 26px; height: 26px; }
.hx .l-health { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-health__body { display: flex; align-items: center; gap: var(--s6); flex: 1 0 0px; min-height: 0px; }
.hx .l-health__dial { position: relative; flex: 0 0 auto; width: 128px; }
.hx .l-health__dial svg { display: block; width: 100%; height: auto; }
.hx .l-health__read { position: absolute; left: 0px; right: 0px; top: 46%; transform: translateY(-50%); display: flex; flex-direction: column; align-items: center; gap: 1px; }
.hx .l-health__pct { font-family: var(--font-num); font-size: var(--fs-stat); font-weight: 700; line-height: 1; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.hx .l-health__word { font-size: var(--fs-label); font-weight: 550; opacity: 0.8; }
.hx .l-health__rows { display: grid; grid-template-columns: 1fr; gap: var(--s2) var(--s6); align-content: center; flex: 1 1 auto; min-width: 0px; }
@container card (min-width: 620px) {
  .hx .l-health__rows { grid-template-columns: 1fr 1fr; }
  .hx .l-health__rows[data-n="1"], .hx .l-health__rows[data-n="2"], .hx .l-health__rows[data-n="3"] { grid-template-columns: 1fr; }
}
.hx .l-health__row { display: flex; align-items: baseline; gap: var(--s2); min-width: 0px; }
.hx .l-health__dot { flex: 0 0 auto; width: 8px; height: 8px; border-radius: var(--r-pill); background: var(--c-ok); translate: 0px -2px; }
.hx .l-health__row[data-tone="warn"] .l-health__dot { background: var(--c-warn); }
.hx .l-health__row[data-tone="alert"] .l-health__dot { background: var(--c-alert); }
.hx .l-health__name { flex: 1 1 auto; font-size: var(--fs-body); min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .l-health__state { flex: 0 0 auto; font-size: var(--fs-label); font-weight: 600; opacity: 0.8; white-space: nowrap; }
@container card (max-width: 460px) {
  .hx .l-health__body { gap: var(--s4); }
  .hx .l-health__dial { width: 96px; }
  .hx .l-health__pct { font-size: var(--fs-stat-sm); }
  .hx .l-health__rows { gap: 5px; }
  .hx .l-health__name { font-size: var(--fs-label); }
  .hx .l-health__state { font-size: var(--fs-micro); }
}
@container card (max-width: 330px) {
  .hx .l-health__body { flex-direction: column; align-items: flex-start; gap: var(--s3); }
  .hx .l-health__dial { width: 108px; align-self: center; }
}
.hx .l-insight { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-insight__items { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s3) var(--s8); align-content: center; flex: 1 1 auto; min-height: 0px; margin-top: var(--s2); }
.hx .l-insight__item { display: flex; align-items: baseline; gap: var(--s2); min-width: 0px; }
.hx .l-insight__arrow { flex: 0 0 auto; width: 18px; font-family: var(--font-num); font-size: var(--fs-label); font-weight: 700; opacity: 0.55; text-align: center; }
.hx .l-insight__text { font-size: var(--fs-body); line-height: 1.34; opacity: 0.88; min-width: 0px; }
.hx .l-insight__figure { font-weight: 700; opacity: 1; font-variant-numeric: tabular-nums; }
.hx .l-insight__caption { flex: 0 0 auto; margin-top: var(--s3); font-size: var(--fs-micro); opacity: 0.62; }
@container card (max-width: 520px) {
  .hx .l-insight__items { grid-template-columns: 1fr; gap: var(--s2); }
  .hx .l-insight__text { font-size: var(--fs-label); }
}
.hx .card[data-fill="empty"] { background: rgba(255, 255, 255, 0.58); border: 1px dashed var(--line-2); color: var(--ink-2); box-shadow: none; }
.hx .card[data-fill="empty"]:hover { background: rgba(255, 255, 255, 0.78); }
.hx .l-empty { position: relative; z-index: 2; display: flex; flex: 1 0 0px; flex-direction: column; min-height: 0px; }
.hx .l-empty .c-head { color: var(--petrol-700); }
.hx .l-empty__body { display: flex; flex: 1 1 auto; flex-direction: column; justify-content: center; gap: var(--s2); min-height: 0px; }
.hx .l-empty__mark { display: flex; color: var(--ink-4); }
.hx .l-empty__glyph { width: 26px; height: 26px; }
.hx .l-empty__glyph .glyph { width: 100%; height: 100%; stroke-width: 1.5; }
.hx .l-empty__note { font-size: var(--fs-label); line-height: 1.35; color: var(--ink-2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.hx .l-empty__action { flex: 0 0 auto; align-self: flex-start; max-width: 100%; overflow: hidden; text-overflow: ellipsis; margin-top: var(--s3); padding: 6px var(--s3); border: 1px solid var(--line-2); border-radius: var(--r-pill); background: var(--surface); font-size: var(--fs-micro); font-weight: 650; color: var(--ui-link); white-space: nowrap; }
.hx .card[data-fill="empty"]:hover .l-empty__action { border-color: var(--petrol-200); }
.hx .card[data-h="1"] .l-empty__mark { display: none; }
.hx .card[data-h="1"] .l-empty__note { -webkit-line-clamp: 2; }
.hx .card[data-h="1"] .l-empty__action { margin-top: var(--s2); }
.hx .card:focus-visible { outline: 2px solid var(--ui-link); outline-offset: 3px; }
.hx.is-site .card:active { transform: scale(0.978); }
.hx .card[data-h="2"] .l-status__rows[data-n="3"] { gap: var(--s6); }
.hx .card[data-h="2"] .l-status__rows[data-n="4"] { gap: var(--s5); }
.hx .card[data-h="2"] .l-queue__rows, .hx .card[data-h="2"] .l-meters__rows { flex: 1 1 auto; justify-content: center; }
@container card (max-width: 215px) {
  .hx .card[data-h="1"] .l-metrics__row { flex-direction: column; gap: 3px; }
  .hx .card[data-h="1"] .metric { flex: 0 0 auto; flex-direction: row; align-items: baseline; gap: 6px; }
  .hx .card[data-h="1"] .metric__value { font-size: var(--fs-body); }
  .hx .card[data-h="1"] .metric__label { font-size: var(--fs-micro); opacity: 0.8; }
}
@container card (max-width: 300px) {
  .hx .l-queue[data-wordy] .l-queue__row { flex-direction: column; align-items: flex-start; gap: 0px; }
  .hx .l-queue[data-wordy] .l-queue__value { font-size: var(--fs-label); opacity: 0.82; }
}
.hx .sites-head { align-items: baseline; }
.hx .sites-head__note { margin: 0px 0px 0px auto; font-size: var(--fs-micro); color: var(--ink-3); }
.hx .sites-list { display: flex; flex-direction: column; gap: var(--s3); margin: 0px; padding: 0px; list-style: none; }
.hx .site-row { position: relative; display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 292px) minmax(0px, 202px) 18px; align-items: center; gap: var(--s4); width: 100%; min-height: 104px; padding: var(--s4) var(--s4) var(--s4) var(--s5); border: 1px solid var(--line); border-radius: var(--r-card); background: linear-gradient(rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.78)); backdrop-filter: blur(10px); box-shadow: var(--e0); font-family: inherit; text-align: left; cursor: pointer; transition: border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease),
              transform var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease); }
.hx .site-row:hover { border-color: var(--petrol-200); background: var(--surface); box-shadow: var(--e1); }
.hx .site-row:active { transform: scale(0.995); }
.hx .site-row__id { min-width: 0px; }
.hx .site-row__title { display: flex; align-items: baseline; gap: var(--s2); min-width: 0px; }
.hx .site-row__name { font-size: var(--fs-title); font-weight: 650; letter-spacing: -0.015em; color: var(--ink); min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .site-row__last { flex: 0 0 auto; font-size: var(--fs-micro); font-weight: 600; color: var(--ink-3); }
.hx .site-row__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 4px var(--s2); margin-top: 3px; font-size: var(--fs-label); color: var(--ink-2); min-width: 0px; }
.hx .site-row__meta > span:not(:last-child)::after { content: " ·"; color: var(--ink-4); }
.hx .site-row__code { font-family: var(--font-num); font-weight: 700; font-size: var(--fs-micro); letter-spacing: 0.02em; color: var(--petrol-700); }
.hx .site-row__where { display: block; margin-top: 2px; font-size: var(--fs-micro); color: var(--ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .site-row__figs { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: var(--s2); }
.hx .site-fig { display: flex; flex-direction: column; gap: 1px; min-width: 0px; }
.hx .site-fig__value { font-family: var(--font-num); font-size: var(--fs-body); font-weight: 700; color: var(--petrol-800); font-variant-numeric: tabular-nums; }
.hx .site-fig__label { font-size: var(--fs-micro); color: var(--ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .site-row__open { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; min-width: 0px; }
.hx .site-row__count { font-size: var(--fs-label); color: var(--ink-2); }
.hx .site-row__count b { font-family: var(--font-num); font-size: var(--fs-body); font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; }
.hx .site-row__items { display: flex; flex-direction: column; gap: 2px; width: 100%; min-width: 0px; }
.hx .site-row__item { display: flex; align-items: baseline; gap: 6px; font-size: var(--fs-micro); color: var(--ink-2); min-width: 0px; }
.hx .site-row__item i { flex: 0 0 auto; width: 6px; height: 6px; border-radius: var(--r-pill); background: var(--c-warn); translate: 0px -1px; }
.hx .site-row__item[data-tone="alert"] i { background: var(--c-alert); }
.hx .site-row__item > span { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .site-row__item b { margin-left: auto; font-family: var(--font-num); font-weight: 700; color: var(--ink-2); font-variant-numeric: tabular-nums; }
.hx .site-row__more { font-size: var(--fs-micro); color: var(--ink-3); }
.hx .site-row__clear { font-size: var(--fs-label); color: var(--ink-3); }
.hx .site-row__go { display: grid; place-items: center; color: var(--ink-3); }
.hx .site-row__go .icon { width: 18px; height: 18px; }
.hx .site-row:hover .site-row__go { color: var(--ui-link); }
.hx .site-head--listing .site-head__caret { display: none; }
.hx .site-head--listing .site-head__name { cursor: default; }
.hx .site-head--listing .site-head__name:hover { background: none; }
.hx .site-stat--flat { cursor: default; }
.hx .site-stat--flat:hover { background: none; }
.hx .site-row { grid-template-columns: minmax(0px, 1fr) minmax(0px, 268px) minmax(0px, 186px) 18px; gap: var(--s3); }
.hx .site-row { grid-template-columns: minmax(0px, 1fr) 18px; row-gap: var(--s3); padding: var(--s4); }
.hx .site-row__id { grid-column: 1; }
.hx .site-row__go { grid-area: 1 / 2; align-self: start; margin-top: 4px; }
.hx .site-row__figs { grid-column: 1 / -1; }
.hx .site-row__open { grid-column: 1 / -1; flex-flow: wrap; align-items: center; gap: var(--s2) var(--s4); padding-top: var(--s3); border-top: 1px solid var(--line); }
.hx .site-row__items { flex-flow: wrap; gap: var(--s2) var(--s4); width: auto; }
.hx .site-row__item b { margin-left: 4px; }
.hx #panel-site { padding-bottom: var(--s6); }
.hx .l-progress, .hx .l-fig, .hx .l-duo, .hx .l-spark, .hx .l-pulse, .hx .l-trend, .hx .l-strip, .hx .l-vs, .hx .l-rail { justify-content: flex-start; }
.hx .l-progress > .c-head + *, .hx .l-fig > .c-head + *, .hx .l-duo > .c-head + *, .hx .l-spark > .c-head + *, .hx .l-pulse > .c-head + *, .hx .l-trend > .c-head + *, .hx .l-strip > .c-head + *, .hx .l-vs > .c-head + *, .hx .l-rail > .c-head + * { margin-top: auto; }
.hx .l-stat__body { justify-content: flex-end; }
.hx .l-metrics__row { flex: 0 0 auto; margin-top: auto; align-items: flex-start; }
.hx .metric__label { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; opacity: 0.9; }
.hx .card[data-h="2"] .l-queue__rows, .hx .card[data-h="2"] .l-meters__rows { flex: 0 1 auto; justify-content: flex-start; gap: var(--s4); }
.hx .l-status__rows { justify-content: flex-start; }
.hx .card[data-h="1"] .l-status__rows { align-content: start; }
.hx .card[data-h="2"] .l-status__rows[data-n] { gap: var(--s4); }
.hx .card[data-h="2"] .l-timeline__items { gap: var(--s5); }
.hx .l-shelf__rows, .hx .l-tree__levels { justify-content: flex-start; }
.hx .l-queue__text, .hx .l-timeline__meta, .hx .l-recent__kind { opacity: 0.92; }
.hx .l-flow__stages { flex: 0 0 auto; margin-top: auto; align-items: flex-start; }
.hx .l-flow__stages[data-n="4"] { gap: var(--s6); }
.hx .l-flow__stages[data-n="4"] .l-flow__stage:not(:last-child)::after { right: calc(var(--s6) / -2 - 3px); }
.hx .l-flow__stage:not(:last-child)::after { top: calc(var(--fs-metric-sm) / 2); }
.hx .card[data-h="1"] .l-flow__stage:not(:last-child)::after { top: calc(var(--fs-body) / 2); }
.hx .l-flow__label { font-size: var(--fs-label); opacity: 0.9; }
.hx .l-flow__stages[data-n="5"] .l-flow__label { font-size: var(--fs-micro); }
.hx .card[data-h="2"] .l-flow__stages { margin-top: 0px; justify-content: flex-start; gap: var(--s5); }
.hx .card[data-h="2"] .l-flow__stage { align-items: baseline; gap: var(--s3); }
.hx .card[data-h="2"] .l-flow__value { min-width: 2.2em; }
.hx .card[data-h="2"] .l-flow__label { font-size: var(--fs-body); opacity: 0.92; }
.hx .card[data-h="2"] .l-flow__stage:not(:last-child)::after { top: auto; }
.hx .l-duo__tag { font-size: var(--fs-label); letter-spacing: 0px; opacity: 0.9; }
.hx .l-rail__caption { font-size: var(--fs-label); }
.hx .is-page:not([data-pos]) ~ .is-page:not([data-pos]) { visibility: hidden; }
.hx.has-wsky { background: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)) no-repeat, rgb(230, 238, 237); }
.hx.has-wsky body { background: transparent; }
.hx.has-wsky[data-home="v2"] .home-header, .hx.has-wsky[data-home="v2"] .search-row:not(.is-stuck), .hx.has-wsky[data-home="v2"] .fav-band:not([hidden]) { background: transparent; }
.hx .wsky { position: absolute; left: 0px; right: 0px; z-index: -1; overflow: hidden; border-radius: 0px 0px 20px 20px; pointer-events: none; contain: strict; }
.hx .wsky__scene { position: absolute; inset: 0px; transition: opacity 1.6s; }
.hx .wsky__scene > * { position: absolute; display: block; }
.hx .wsky__cl { inset: 0px; }
.hx .wsky__strip { position: absolute; top: 0px; left: 0px; height: 100%; background-repeat: repeat-x; will-change: transform; animation: auto linear 0s infinite normal none running wsky-drift; }
@keyframes wsky-drift { 
  0% { transform: translateX(calc(-1 * var(--tw))); }
  100% { transform: translateX(0px); }
}
.hx .wsky__glare { animation: 7s ease-in-out 0s infinite alternate none running wsky-glare; }
@keyframes wsky-glare { 
  0% { opacity: 0.82; }
  100% { opacity: 1; }
}
.hx .wsky__rays--spin { animation: 120s linear 0s infinite normal none running wsky-spin; }
@keyframes wsky-spin { 
  100% { transform: rotate(360deg); }
}
.hx .wsky__rays--sway { animation: 16s ease-in-out 0s infinite alternate none running wsky-sway; }
@keyframes wsky-sway { 
  0% { transform: rotate(-3deg); opacity: 0.75; }
  100% { transform: rotate(3deg); opacity: 1; }
}
.hx .wsky__breathe { animation: 9s ease-in-out 0s infinite alternate none running wsky-breathe; }
.hx .wsky__breathe--slow { animation-duration: 18s; }
@keyframes wsky-breathe { 
  0% { opacity: 0.5; }
  100% { opacity: 1; }
}
.hx .wsky__stars circle { animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-delay: var(--dl, 0s); }
@keyframes wsky-twinkle { 
  0% { opacity: 0.2; }
  100% { opacity: 1; }
}
@keyframes wsky-flicker { 
  0% { fill-opacity: 1; }
  42% { fill-opacity: 0.25; }
  47% { fill-opacity: 1; }
  71% { fill-opacity: 0.45; }
  75% { fill-opacity: 1; }
}
.hx .wsky__spark { transform-box: fill-box; transform-origin: center center; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-delay: var(--dl, 0s); }
@keyframes wsky-spark { 
  0%, 100% { opacity: 0.3; transform: scale(0.4) rotate(0deg); }
  38% { opacity: 1; transform: scale(1.05) rotate(8deg); }
  46% { opacity: 0.35; transform: scale(0.55) rotate(10deg); }
  54% { opacity: 1; transform: scale(1.2) rotate(12deg); }
  72% { opacity: 0.5; transform: scale(0.7) rotate(16deg); }
}
.hx .wsky__bird { transform-box: fill-box; transform-origin: center center; animation: 0.42s ease-in-out 0s infinite alternate none running wsky-flap; }
@keyframes wsky-flap { 
  0% { transform: scaleY(1); }
  100% { transform: scaleY(-0.35); }
}
.hx .wsky__flock { left: 0px; top: 0px; overflow: visible; opacity: 0; }
.hx .wsky__shoot { left: 0px; top: 0px; width: 90px; height: 1.6px; border-radius: 1px; background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255)); opacity: 0; transform-origin: right center; }
.hx .wsky__flash { inset: 0px; background: rgb(221, 230, 255); opacity: 0; mix-blend-mode: screen; }
.hx .wsky__bolt { inset: 0px; width: 100%; height: 100%; opacity: 0; filter: drop-shadow(rgba(200, 215, 255, 0.95) 0px 0px 6px) drop-shadow(rgba(170, 190, 255, 0.7) 0px 0px 18px); }
.hx .wsky__canvas { inset: 0px; width: 100%; height: 100%; }
.hx .wsky__frost path { stroke-dasharray: 1; stroke-dashoffset: 1; animation: 5s ease-out 0s 1 normal forwards running wsky-frost; }
@keyframes wsky-frost { 
  100% { stroke-dashoffset: 0; }
}
.hx .wx { display: grid; grid-template-columns: auto auto; align-items: center; gap: 1px 7px; color: rgb(74, 85, 80); }
.hx .wx svg { width: 27px; height: 22px; overflow: visible; }
.hx .wx__t { font-size: 23px; font-weight: 700; line-height: 25px; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
.hx .wx__c { grid-column: 1 / -1; font-size: 13.5px; line-height: 16px; white-space: nowrap; opacity: 0.92; }
.hx.has-wsky :is(.greeting__word, .greeting__name, .fav__title, .fav__edit, .clock__time, .clock__date, .wx) { transition: color 0.9s; }
.hx.has-wsky[data-sky-tone="dark"] :is(.greeting__word, .greeting__name, .fav__title, .fav__edit, .clock__time, .clock__date, .wx) { color: rgb(255, 255, 255); text-shadow: rgba(10, 30, 70, 0.3) 0px 1px 8px; }
.hx.has-wsky[data-sky-tone="dark"] .fav__edit::before { filter: none; }
.hx.has-wsky[data-sky-tone="dark"] #favTitle { color: rgb(255, 255, 255); }
.hx.has-wsky[data-sky-tone="light"] .greeting__word { color: rgba(31, 65, 91, 0.82); }
.hx.has-climate { background: rgb(255, 255, 255); }
.hx.has-climate body { background: transparent; }
.hx.has-climate[data-home="v2"] .home-header, .hx.has-climate[data-home="v2"] .search-row:not(.is-stuck), .hx.has-climate[data-home="v2"] .fav-band:not([hidden]) { background: transparent; }
.hx .climate { position: absolute; z-index: -1; overflow: hidden; border-radius: 0px 0px 20px 20px; pointer-events: none; contain: strict; }
.hx .climate__scene { position: absolute; inset: 0px; transition: opacity 2.2s cubic-bezier(0.4, 0, 0.2, 1); }
.hx .climate__scene > * { position: absolute; }
.hx .climate__sky { inset: 0px; background: var(--sky); }
.hx .climate__art { inset: 0px; width: 100%; height: 100%; }
.hx .climate__skyart { top: 1%; left: 290px; width: calc(100% - 440px); height: 30%; overflow: visible; }
.hx .climate__land .l-far { fill: rgb(143, 177, 230); }
.hx .climate__land .l-far-lit { fill: rgb(184, 206, 242); }
.hx .climate__land .l-back { fill: rgb(196, 216, 80); }
.hx .climate__land .l-back-lit { fill: rgb(220, 231, 110); }
.hx .climate__land .l-front { fill: rgb(162, 198, 60); }
.hx .climate__land .l-shade { fill: rgb(141, 182, 52); }
.hx .climate__land .l-fore { fill: rgb(134, 174, 48); }
.hx .climate__land .b-dark { fill: rgb(63, 129, 39); }
.hx .climate__land .b-mid { fill: rgb(95, 162, 50); }
.hx .climate__land .b-light { fill: rgb(140, 197, 66); }
.hx .climate__land .b-flower { fill: rgb(244, 166, 208); }
.hx .climate__land .l-rim { fill: rgb(233, 180, 108); }
.hx .climate__land .l-water { fill: rgb(77, 179, 226); }
.hx .climate__land .l-glint { fill: none; stroke: rgb(169, 226, 247); stroke-width: 3; stroke-linecap: round; }
.hx .climate__land .l-wood { fill: rgb(227, 137, 47); }
.hx .climate__land .l-wood-dark { fill: rgb(180, 95, 30); }
.hx .climate__land .l-plank { fill: none; stroke: rgb(196, 110, 36); stroke-width: 2; stroke-linecap: round; }
.hx .climate__land .g-tuft { fill: none; stroke: rgb(110, 154, 40); stroke-width: 2.2; stroke-linecap: round; }
.hx .climate__rays { fill: rgb(255, 247, 207); opacity: 0.14; }
.hx .climate__clouds .c-shade { fill: rgba(96, 124, 170, 0.16); }
.hx .climate__tint { fill: transparent; mix-blend-mode: multiply; }
.hx .climate__scene[data-time="morning"] .climate__tint[data-by="time"] { fill: rgb(255, 235, 210); opacity: 0.55; }
.hx .climate__scene[data-time="evening"] .climate__tint[data-by="time"] { fill: rgb(217, 140, 142); opacity: 0.7; }
.hx .climate__scene[data-time="night"] .climate__tint[data-by="time"] { fill: rgb(27, 42, 85); opacity: 0.88; }
.hx .climate__scene[data-weather="cloudy"] .climate__tint[data-by="weather"] { fill: rgb(183, 195, 204); opacity: 0.45; }
.hx .climate__scene[data-weather="rain"] .climate__tint[data-by="weather"] { fill: rgb(143, 163, 178); opacity: 0.55; }
.hx .climate__scene[data-weather="storm"] .climate__tint[data-by="weather"] { fill: rgb(86, 99, 122); opacity: 0.72; }
.hx .climate__scene[data-weather="mist"] .climate__tint[data-by="weather"] { fill: rgb(238, 242, 242); opacity: 0.55; mix-blend-mode: normal; }
.hx .climate__scene:is([data-weather="cloudy"], [data-weather="rain"], [data-weather="storm"], [data-weather="mist"]) .climate__land { filter: saturate(0.7); }
.hx .climate__scene[data-time="night"] .climate__land { filter: saturate(0.5); }
.hx .climate__sun { fill: var(--sun); }
.hx .climate__moon { fill: var(--sun); }
.hx .climate__stars { fill: rgb(255, 255, 255); opacity: 0.7; }
.hx .climate__birds { fill: none; stroke: var(--tree); stroke-width: 2; stroke-linecap: round; opacity: 0.55; }
.hx .climate__clouds { fill: var(--cloud); animation: 36s ease-in-out 0s infinite alternate none running climate-sway; }
.hx .climate__clouds[data-weather="clear"] { opacity: 0.85; }
.hx .climate__clouds[data-weather="mist"] { opacity: 0.7; }
.hx .climate__fog { fill: rgb(255, 255, 255); opacity: 0.34; animation: 28s ease-in-out 0s infinite alternate-reverse none running climate-sway; }
.hx .climate__scene[data-time="night"] .climate__fog, .hx .climate__scene[data-time="evening"] .climate__fog { fill: rgb(201, 206, 214); opacity: 0.28; }
.hx .climate__bolt { fill: rgb(244, 241, 208); opacity: 0; }
@keyframes climate-sway { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(24px); }
}
.hx .climate__rain { inset: 0px; width: 100%; height: 100%; }
.hx .climate__flash { inset: 0px; background: rgb(220, 230, 255); opacity: 0; }
.hx .climate__veil { inset: 0px; background: linear-gradient(rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 40%); }
.hx[data-climate-tone="dark"] .climate__veil { background: linear-gradient(rgba(8, 14, 24, 0.22) 0%, rgba(8, 14, 24, 0) 50%, rgba(8, 14, 24, 0.18) 100%); }
.hx[data-climate-tone="dark"][data-home="v2"] :is(.greeting__word, .greeting__name, #favTitle) { color: rgb(255, 255, 255); transition: color 1.2s; }
.hx[data-climate-tone="dark"][data-home="v2"] .fav__edit { color: rgb(255, 255, 255); }
.hx[data-climate-tone="dark"][data-home="v2"] .fav__edit::before { filter: none; }
.hx[data-climate-tone="dark"][data-home="v2"] .greeting__word { color: rgba(255, 255, 255, 0.82); }
.hx .climate-dev { position: fixed; left: 16px; bottom: 16px; z-index: 9000; display: flex; flex-direction: column; gap: 6px; max-width: min(560px, -32px + 100vw); padding: 10px; border-radius: 14px; background: rgba(20, 28, 34, 0.82); backdrop-filter: blur(12px); font: 500 12px / 1 Inter, system-ui, sans-serif; color: rgb(255, 255, 255); }
.hx .climate-dev__tag { opacity: 0.6; letter-spacing: 0.04em; text-transform: uppercase; font-size: 10px; }
.hx .climate-dev__row { display: flex; flex-wrap: wrap; gap: 4px; }
.hx .climate-dev button { height: 28px; padding: 0px 10px; border: none; border-radius: 8px; background: rgba(255, 255, 255, 0.1); font: inherit; color: rgb(255, 255, 255); cursor: pointer; }
.hx .climate-dev button[aria-pressed="true"] { background: rgb(255, 255, 255); color: rgb(20, 32, 42); }
.hx .climate-dev__row--time button { height: 24px; background: rgba(255, 255, 255, 0.06); }
.hx .wdetail[hidden] { display: none !important; }
.hx .wdetail { position: fixed; z-index: calc(var(--z-sheet) + 2); left: 0px; right: 0px; bottom: 0px; height: 92dvh; display: grid; grid-template-rows: auto auto minmax(0px, 1fr) auto; border-radius: var(--r-sheet) var(--r-sheet) 0 0; background: linear-gradient(180deg, var(--c-white) 0%, var(--surface-tint) 100%); box-shadow: rgba(10, 38, 44, 0.34) 0px -8px 60px -12px; overflow: hidden; transform: translateY(100%); transition: transform var(--t-sheet) var(--ease-sheet); }
.hx .wdetail.is-open { transform: translateY(0px); }
.hx .wdetail__head { display: grid; grid-template-columns: auto minmax(0px, 1fr) auto; align-items: start; gap: var(--s4); padding: var(--s6) var(--pad-page) var(--s4); border-bottom: 1px solid var(--line); background: var(--surface); }
.hx .wdetail__plate { flex: 0 0 auto; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 18px; background: var(--card-bg, var(--petrol-100)); box-shadow: var(--e0); }
.hx .wdetail__glyph { display: flex; color: var(--c-white); }
.hx .wdetail__glyph .glyph { width: 30px; height: 30px; stroke-width: 1.6; }
.hx .wdetail__id { min-width: 0px; }
.hx .wdetail__crumb { display: block; font-size: var(--fs-micro); font-weight: 600; letter-spacing: 0.02em; color: var(--petrol-700); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .wdetail__title { margin: 2px 0px 0px; font-size: var(--fs-card-lg); font-weight: 700; letter-spacing: -0.02em; color: var(--ink); }
.hx .wdetail__q { margin: 4px 0px 0px; font-size: var(--fs-label); color: var(--ink-2); max-width: 62ch; }
.hx .wdetail__close { flex: 0 0 auto; display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--line); border-radius: var(--r-pill); background: var(--surface); color: var(--ink-2); cursor: pointer; transition: background var(--t-fast) var(--ease), color var(--t-fast) var(--ease); }
.hx .wdetail__close:hover { background: var(--petrol-050); color: var(--ink); }
.hx .wdetail__close .icon { width: 18px; height: 18px; }
.hx .wdetail__from { display: grid; gap: var(--s2); padding: var(--s3) var(--pad-page); border-bottom: 1px solid var(--line); background: rgba(255, 255, 255, 0.72); backdrop-filter: blur(6px); }
.hx .wdetail__source { font-size: var(--fs-micro); color: var(--ink-3); }
.hx .wdetail__source b { font-weight: 650; color: var(--ink-2); }
.hx .wdetail__nav { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.hx .wdetail__nav::-webkit-scrollbar { display: none; }
.hx .wdetail__chip { flex: 0 0 auto; min-height: 30px; padding: 0 var(--s3); border: 1px solid var(--line); border-radius: var(--r-pill); background: var(--surface); font-size: var(--fs-micro); font-weight: 550; color: var(--ink-2); white-space: nowrap; cursor: pointer; transition: background var(--t-fast) var(--ease), color var(--t-fast) var(--ease); }
.hx .wdetail__chip:hover { background: var(--petrol-050); color: var(--ink); border-color: var(--petrol-200); }
.hx .wdetail__body { overflow-y: auto; overscroll-behavior: contain; padding: var(--s5) var(--pad-page) var(--s8); }
.hx .wdetail__body:focus { outline: none; }
.hx .dtiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(148px, 1fr)); gap: var(--s3); margin-bottom: var(--s5); }
.hx .dtile { display: flex; flex-direction: column; gap: 2px; padding: var(--s4); border: 1px solid var(--line); border-radius: var(--r-card); background: var(--surface); box-shadow: var(--e0); }
.hx .dtile__value { font-family: var(--font-num); font-size: var(--fs-metric-sm); font-weight: 700; letter-spacing: -0.02em; color: var(--petrol-800); font-variant-numeric: tabular-nums; }
.hx .dtile__label { font-size: var(--fs-label); font-weight: 600; color: var(--ink); }
.hx .dtile__sub { font-size: var(--fs-micro); color: var(--ink-3); }
.hx .dtile[data-tone] { position: relative; overflow: hidden; }
.hx .dtile[data-tone]::before { content: ""; position: absolute; inset: 0px auto 0px 0px; width: 3px; background: var(--c-warn); }
.hx .dtile[data-tone="ok"]::before { background: var(--c-ok); }
.hx .dtile[data-tone="alert"]::before { background: var(--c-alert); }
.hx .dgroup { padding: var(--s5) 0 var(--s4); border-top: 1px solid var(--line); scroll-margin-top: var(--s4); }
.hx .dgroup:first-of-type { border-top: none; padding-top: 0px; }
.hx .dgroup__head { display: flex; align-items: baseline; gap: var(--s2); }
.hx .dgroup__name { margin: 0px; font-size: var(--fs-card-title); font-weight: 650; letter-spacing: -0.015em; color: var(--ink); }
.hx .dgroup__count { font-family: var(--font-num); font-size: var(--fs-micro); font-weight: 700; color: var(--ink-3); font-variant-numeric: tabular-nums; }
.hx .dgroup__note { margin: 4px 0px 0px; font-size: var(--fs-micro); color: var(--ink-3); max-width: 74ch; }
.hx .dgroup__facts { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 0 var(--s6); margin: var(--s3) 0 0; }
.hx .dfact { display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: baseline; gap: var(--s3); padding: 7px 0px; border-bottom: 1px dotted var(--line-2); }
.hx .dfact__label { font-size: var(--fs-label); color: var(--ink-2); min-width: 0px; }
.hx .dfact__value { margin: 0px; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-end; gap: 0px 6px; font-size: var(--fs-label); font-weight: 650; color: var(--ink); text-align: right; font-variant-numeric: tabular-nums; }
.hx .dfact__sub { flex: 0 0 100%; font-size: var(--fs-micro); font-weight: 400; color: var(--ink-3); text-align: right; }
.hx .dfact[data-tone] .dfact__value::before { content: ""; align-self: center; order: -1; width: 6px; height: 6px; border-radius: var(--r-pill); background: var(--c-warn); }
.hx .dfact[data-tone="ok"] .dfact__value::before { background: var(--c-ok); }
.hx .dfact[data-tone="alert"] .dfact__value::before { background: var(--c-alert); }
.hx .dtable-wrap { margin-top: var(--s3); overflow-x: auto; border: 1px solid var(--line); border-radius: var(--r-card); background: var(--surface); }
.hx .dtable { width: 100%; border-collapse: collapse; font-size: var(--fs-label); }
.hx .dtable th, .hx .dtable td { padding: 9px var(--s3); text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); white-space: nowrap; }
.hx .dtable thead th { position: sticky; top: 0px; z-index: 1; font-size: var(--fs-micro); font-weight: 650; letter-spacing: 0.02em; color: var(--ink-3); background: var(--petrol-050); }
.hx .dtable tbody th { font-weight: 600; color: var(--ink); white-space: normal; min-width: 220px; }
.hx .dtable tbody td { color: var(--ink-2); }
.hx .dtable tbody tr:last-child th, .hx .dtable tbody tr:last-child td { border-bottom: none; }
.hx .dtable tbody tr[data-tone] th { position: relative; padding-left: var(--s5); }
.hx .dtable tbody tr[data-tone] th::before { content: ""; position: absolute; left: var(--s3); top: 14px; width: 6px; height: 6px; border-radius: var(--r-pill); background: var(--c-warn); }
.hx .dtable tbody tr[data-tone="ok"] th::before { background: var(--c-ok); }
.hx .dtable tbody tr[data-tone="alert"] th::before { background: var(--c-alert); }
.hx .dgroup__items { list-style: none; margin: var(--s3) 0 0; padding: 0px; }
.hx .ditem { display: flex; align-items: baseline; gap: var(--s2); padding: 7px 0px; border-bottom: 1px dotted var(--line-2); font-size: var(--fs-label); color: var(--ink-2); }
.hx .ditem i { flex: 0 0 auto; width: 6px; height: 6px; border-radius: var(--r-pill); background: var(--petrol-200); translate: 0px -1px; }
.hx .ditem[data-tone="ok"] i { background: var(--c-ok); }
.hx .ditem[data-tone="warn"] i { background: var(--c-warn); }
.hx .ditem[data-tone="alert"] i { background: var(--c-alert); }
.hx .ditem > span { min-width: 0px; }
.hx .ditem b { margin-left: auto; font-family: var(--font-num); font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.hx .dempty { display: flex; flex-direction: column; align-items: center; gap: var(--s3); padding: var(--s12) var(--s6); border: 1px dashed var(--line-2); border-radius: var(--r-card); text-align: center; color: var(--ink-2); }
.hx .dempty__mark { display: flex; color: var(--ink-4); }
.hx .dempty__glyph { width: 34px; height: 34px; stroke-width: 1.4; }
.hx .dempty__note { margin: 0px; font-size: var(--fs-body); max-width: 44ch; }
.hx .dempty__action { margin: 0px; font-size: var(--fs-label); color: var(--ink-3); }
.hx .wdetail__foot { display: flex; align-items: center; justify-content: flex-end; gap: var(--s3); padding: var(--s4) var(--pad-page); border-top: 1px solid var(--line); background: var(--surface); }
.hx .wdetail__go { display: inline-flex; align-items: center; gap: var(--s2); min-height: 44px; padding: 0 var(--s5); border: none; border-radius: var(--r-pill); background: var(--petrol-800); color: var(--c-white); font-size: var(--fs-label); font-weight: 600; cursor: pointer; transition: filter var(--t-fast) var(--ease); }
.hx .wdetail__go:hover { filter: brightness(1.12); }
.hx .wdetail__go .icon { width: 16px; height: 16px; }
.hx { --qa-b: 40px; --qa-h: 52px; --qa-chat-h: 56px; --qa-row-h: 56px; --qa-band: 182px; --glass-fill: rgba(255, 255, 255, .4); --glass-blur: 20px; --glass-sat: 180%; --glass-lift: 1.06; --glass-spec: rgba(255, 255, 255, .75); --glass-spec-h: rgba(255, 255, 255, .9); --glass-bounce: rgba(255, 255, 255, .3); --glass-rim: rgba(255, 255, 255, .22); --glass-rim-h: rgba(255, 255, 255, .34); --glass-depth: rgba(31, 65, 91, .1); --qa-gap: 14px; --qa-r: 24px; --qa-mod-panel-w: 696px; --qa-mod-w: 150px; --qa-mod-h: 72px; --qa-mod-gap: 16px; --qa-mod-pad: 24px; --qa-mod-r: 16px; --qa-mod-panel-r: 28px; --qa-mod-open: 220ms; --qa-mod-close: 180ms; --f-medical: #549C76; --f-hospital: #39656E; --f-pharmacy: #1ABEB6; --f-lab: #D4BA78; --f-species: #1D7E4C; --f-mortality: #FB8971; --f-fetal: #F7778E; --f-eggs: #46CADE; --f-housing: #5A8088; --f-diet: #FB7456; --f-followup: #5A8088; --f-parivesh: #47E2D7; --f-administer: #A4B8AC; --f-users: #2F5A67; --f-audit: #D0526C; --f-security: #79847D; --f-reports: #1ABEB6; --f-approvals: #305068; --f-communication: #5A8088; --f-helpdesk: #2F628A; --qa-ease: cubic-bezier(.25, .46, .45, .94); --qa-ease-press: cubic-bezier(.4, 0, .2, 1); --qa-t-press: 100ms; --qa-t-morph: 170ms; --qa-t-surface: 200ms; --qa-t-row: 180ms; --qa-row-step: 35ms; --qa-stagger: 105ms; --qa-open-base: 60ms; --qa-surface-in: 50ms; --qa-t-close: 320ms; --qa-orig-w: 150px; --qa-orig-cx: 0px; }
.hx .qa { position: fixed; z-index: var(--z-sheet); left: 0px; right: 0px; bottom: 0px; height: 0px; margin: 0px auto; max-width: calc(var(--max-content) + var(--pad-page) * 2); pointer-events: none; }
.hx .qa-band { position: fixed; left: 0px; right: 0px; bottom: 0px; height: var(--qa-band); background: linear-gradient(rgba(255, 255, 255, 0.2) 27.473%, rgba(119, 119, 119, 0.15) 93.132%); filter: blur(10px); pointer-events: none; }
.hx[data-page-version="3"] .qa-band { display: none; }
.hx[data-home="v2"] .qa-band { display: none; }
.hx[data-page-version="3"] .page { padding-bottom: 0px; }
.hx[data-page-version="3"] .main-frame { padding-bottom: 0px; }
.hx[data-page-version="3"] .qa-pill, .hx[data-page-version="3"] .qa-chat { --glass-fill: rgba(30, 30, 30, .4); --glass-spec: rgba(255, 255, 255, .28); --glass-rim: rgba(255, 255, 255, .16); color: var(--c-white, #FFFFFF); }
.hx[data-page-version="3"] .qa-chat img { filter: brightness(0) invert(1); }
.hx .qa-row { position: absolute; left: 50%; bottom: var(--qa-b); transform: translateX(-50%); display: flex; align-items: center; gap: var(--s3); }
.hx .qa-edit { display: contents; }
.hx .qa-edit > .link-btn, .hx .qa-edit > .add-module-btn { pointer-events: auto; display: inline-flex; align-items: center; justify-content: center; gap: var(--s2); height: var(--qa-h); padding: 0px 18px; border: 0px; border-radius: var(--r-pill); background: var(--glass-fill); backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-lift)); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25),
              inset 0 1px 0 0 var(--glass-spec),
              inset 0 -1px 0 0 var(--glass-bounce),
              inset 0 0 0 1px var(--glass-rim),
              inset 0 -6px 12px -6px var(--glass-depth); color: var(--c-black); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-weight: 500; cursor: pointer; white-space: nowrap; transition: transform var(--qa-t-press) var(--qa-ease-press),
              box-shadow var(--t-base) var(--ease); }
.hx .qa-edit > .link-btn:active, .hx .qa-edit > .add-module-btn:active { transform: scale(0.96); }
.hx .qa-edit > .link-btn:focus-visible, .hx .qa-edit > .add-module-btn:focus-visible { outline: 3px solid var(--ui-link); outline-offset: 3px; }
.hx .qa-edit > .link-btn:not(.link-btn--done) { display: none; }
.hx .qa-edit > .link-btn .icon, .hx .qa-edit > .add-module-btn .icon { width: 18px; height: 18px; }
.hx .qa-edit > .link-btn--done { background: var(--glass-fill); color: var(--c-black); }
.hx.is-editing .qa-edit { display: inline-flex; align-items: center; gap: var(--s2); height: var(--qa-h); padding: 0px 6px 0px 18px; border-radius: var(--r-pill); background: var(--glass-fill); backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-lift)); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25),
              inset 0 1px 0 0 var(--glass-spec),
              inset 0 -1px 0 0 var(--glass-bounce),
              inset 0 0 0 1px var(--glass-rim),
              inset 0 -6px 12px -6px var(--glass-depth); }
.hx.is-editing .qa-edit > .add-module-btn { height: auto; padding: 0px; border-radius: 0px; background: none; backdrop-filter: none; box-shadow: none; }
.hx.is-editing .qa-edit > .add-module-btn:active { transform: none; }
.hx.is-editing .qa-edit > .link-btn--done { width: 40px; height: 40px; padding: 0px; border-radius: 999px; background: var(--ui-link); color: var(--on-dark); backdrop-filter: none; box-shadow: none; }
.hx.is-editing .qa-edit > .link-btn--done > span { display: none; }
.hx.is-editing .qa-edit > .link-btn--done .icon { width: 20px; height: 20px; }
.hx.is-editing .qa-edit > .link-btn--done:hover { background: color-mix(in srgb, var(--ui-link) 86%, #000); }
.hx.is-editing .qa-pill, .hx.is-editing .qa-chat { display: none; }
.hx .qa-pill { pointer-events: auto; display: inline-flex; align-items: center; justify-content: center; gap: var(--s2); height: var(--qa-h); padding: 16px; border: 0px; border-radius: var(--r-pill); background: var(--glass-fill); backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-lift)); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25),
              inset 0 1px 0 0 var(--glass-spec),
              inset 0 -1px 0 0 var(--glass-bounce),
              inset 0 0 0 1px var(--glass-rim),
              inset 0 -6px 12px -6px var(--glass-depth); color: var(--c-black); cursor: pointer; transition: gap var(--t-base) var(--qa-ease),
              transform var(--qa-t-press) var(--qa-ease-press),
              box-shadow var(--t-base) var(--ease); }
.hx .qa-pill:hover { box-shadow: 0 6px 14px -2px rgba(0, 0, 0, .28),
              inset 0 1px 0 0 var(--glass-spec-h),
              inset 0 -1px 0 0 var(--glass-bounce),
              inset 0 0 0 1px var(--glass-rim-h),
              inset 0 -6px 12px -6px var(--glass-depth); }
.hx .qa-pill:active { transform: scale(0.96); }
.hx .qa-pill:focus-visible { outline: 3px solid var(--ui-link); outline-offset: 3px; }
.hx .qa-pill.qa-pill--quiet:focus-visible { outline: none; }
.hx .qa-pill, .hx .qa-chat { -webkit-tap-highlight-color: transparent; }
.hx .qa.is-open .qa-pill { transform: scale(0.98); }
.hx .qa.is-open .qa-pill:active { transform: scale(0.96); }
.hx .qa-chat { pointer-events: auto; flex: 0 0 auto; display: inline-grid; place-items: center; width: var(--qa-chat-h); height: var(--qa-chat-h); padding: 0px; border: 0px; border-radius: var(--r-pill); --glass-fill: rgba(255, 255, 255, .35); --glass-sat: 100%; background-color: var(--glass-fill); background-image: linear-gradient(142.21deg, rgba(0, 175, 214, 0.55) 50.5%, rgba(96, 221, 186, 0.55) 94.8%); backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-sat)) brightness(var(--glass-lift)); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25),
              inset 0 1px 0 0 var(--glass-spec),
              inset 0 -1px 0 0 var(--glass-bounce),
              inset 0 0 0 1px var(--glass-rim),
              inset 0 -6px 12px -6px var(--glass-depth); cursor: pointer; transition: transform var(--t-base) var(--ease-out),
              box-shadow var(--t-base) var(--ease); }
.hx .qa-chat:hover { box-shadow: 0 6px 14px -2px rgba(0, 0, 0, .28),
              inset 0 1px 0 0 var(--glass-spec-h),
              inset 0 -1px 0 0 var(--glass-bounce),
              inset 0 0 0 1px var(--glass-rim-h),
              inset 0 -6px 12px -6px var(--glass-depth); }
.hx .qa-chat:active { transform: scale(0.94); }
.hx .qa-chat:focus-visible { outline: 3px solid var(--ui-link); outline-offset: 3px; }
.hx .qa-chat img { display: block; width: 24px; height: 24px; }
.hx .qa-pill__g { position: relative; flex: 0 0 auto; width: 20px; height: 20px; }
.hx .qa-pill__grid, .hx .qa-pill__x { position: absolute; inset: 0px; display: grid; place-items: center; transition: opacity var(--qa-t-morph) var(--qa-ease),
              transform var(--qa-t-morph) var(--qa-ease); }
.hx .qa-pill__grid { width: 100%; height: 100%; opacity: 1; transform: rotate(0deg) scale(1); background: currentcolor; mask: url("assets/hx/icon/qa-actions.svg") 1.042px 1.042px / 18.33px 18.33px no-repeat; }
.hx .qa-pill__x { opacity: 0; transform: rotate(-90deg) scale(0.55); }
.hx .qa.is-open .qa-pill__grid { opacity: 0; transform: rotate(90deg) scale(0.55); }
.hx .qa.is-open .qa-pill__x { opacity: 1; transform: rotate(0deg) scale(1); }
.hx .qa-pill__x i { position: absolute; left: 50%; top: 50%; width: 15px; height: 2px; border-radius: 1px; background: currentcolor; transition: transform var(--qa-t-morph) var(--qa-ease); }
.hx .qa-pill__x i:first-child { transform: translate(-50%, -50%) rotate(45deg) scaleX(0.2); }
.hx .qa-pill__x i:last-child { transform: translate(-50%, -50%) rotate(-45deg) scaleX(0.2); }
.hx .qa.is-open .qa-pill__x i:first-child { transform: translate(-50%, -50%) rotate(45deg) scaleX(1); }
.hx .qa.is-open .qa-pill__x i:last-child { transform: translate(-50%, -50%) rotate(-45deg) scaleX(1); }
.hx .qa-pill__t { max-width: 12em; overflow: hidden; white-space: nowrap; font-size: var(--fs-body); font-weight: 600; transition: max-width var(--t-base) var(--qa-ease), opacity 140ms var(--ease); }
.hx .qa.is-scrolled .qa-pill { padding: 16px; gap: 0px; }
.hx .qa.is-scrolled .qa-pill__t { max-width: 0px; opacity: 0; }
.hx .qa.is-open .qa-pill { padding: 16px; gap: var(--s2); margin-inline: 0px; }
.hx .qa.is-open .qa-pill__t { max-width: 12em; opacity: 1; }
.hx .qa-veil { position: fixed; inset: 0px; pointer-events: none; opacity: 0; background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(16px) saturate(1); transition: opacity var(--qa-t-surface) var(--qa-ease); }
.hx .qa.is-open .qa-veil { opacity: 1; pointer-events: auto; }
.hx .qa-menu { position: absolute; left: 50%; bottom: calc(var(--qa-b) + var(--qa-row-h) + var(--s2)); width: min(-48px + 100vw, 696px); padding: 24px; border-radius: var(--qa-r); background: rgb(255, 255, 255); box-shadow: rgba(31, 65, 91, 0.08) 0px 1px 2px, rgba(31, 65, 91, 0.26) 0px 18px 44px -16px; pointer-events: auto; overflow: hidden; display: flex; flex-direction: column; gap: 24px; opacity: 0; transform: translate(-50%, var(--s2)); clip-path: inset(
    calc(100% - var(--qa-h))
    calc(50% - var(--qa-orig-cx) - var(--qa-orig-w) / 2)
    0px
    calc(50% + var(--qa-orig-cx) - var(--qa-orig-w) / 2)
    round calc(var(--qa-h) / 2)); transition: opacity var(--qa-surface-in) linear,
              transform var(--qa-t-surface) var(--qa-ease),
              height var(--qa-t-surface) var(--qa-ease),
              clip-path var(--qa-t-surface) var(--qa-ease); will-change: clip-path, transform; }
.hx .qa-menu[hidden] { display: none; }
.hx .qa.is-open .qa-menu { opacity: 1; transform: translate(-50%, 0px); clip-path: inset(-60px round var(--qa-r)); }
.hx .qa.is-closing .qa-menu { transition-delay: 190ms, 60ms, 60ms; pointer-events: none; }
.hx .qa-menu__head, .hx .qa-title, .hx .qa-search, .hx .qa-cont, .hx .qa-cat, .hx .qa-todo, .hx .qa-fold, .hx .qa-foot { opacity: 0; transform: translateY(12px) scale(0.98); transition-property: ; transition-duration: ; transition-timing-function: ; transition-behavior: ; transition-delay: var(--qa-delay, 0ms); }
.hx .qa-title, .hx .qa-search, .hx .qa-cont, .hx .qa-cat, .hx .qa-todo, .hx .qa-fold, .hx .qa-foot { --qa-delay: calc(var(--qa-open-base) + var(--qa-row, 0) * var(--qa-row-step)); }
.hx .qa-menu__head { --qa-delay: calc(var(--qa-open-base) + var(--qa-rows, 4) * var(--qa-row-step)); }
.hx .qa.is-open .qa-menu__head, .hx .qa.is-open .qa-search, .hx .qa.is-open .qa-cont, .hx .qa.is-open .qa-cat, .hx .qa.is-open .qa-title, .hx .qa.is-open .qa-todo, .hx .qa.is-open .qa-fold, .hx .qa.is-open .qa-foot { opacity: 1; transform: none; }
.hx .qa.is-closing .qa-search, .hx .qa.is-closing .qa-cont, .hx .qa.is-closing .qa-cat, .hx .qa.is-closing .qa-title, .hx .qa.is-closing .qa-todo, .hx .qa.is-closing .qa-fold, .hx .qa.is-closing .qa-foot { --qa-delay: calc(var(--qa-row-r, 0) * var(--qa-row-step)); }
.hx .qa.is-closing .qa-menu__head { --qa-delay: 0ms; }
.hx .qa-menu__head { display: flex; align-items: baseline; gap: var(--s2); padding: 2px 2px var(--qa-gap); }
.hx .qa-menu__head b { font-size: var(--fs-micro); font-weight: 650; letter-spacing: 0.05em; text-transform: uppercase; color: var(--petrol-600); }
.hx .qa-menu__grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; align-items: start; }
.hx .qa-col { display: flex; flex-direction: column; gap: 16px; min-width: 0px; }
.hx .qa--modules .qa-menu { display: block; width: min(var(--qa-mod-panel-w), calc(100vw - 48px)); padding: var(--qa-mod-pad); border-radius: var(--qa-mod-panel-r); border: 0px; background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(15px); box-shadow: rgba(31, 65, 91, 0.08) 0px 1px 2px, rgba(31, 65, 91, 0.32) 0px 24px 60px -24px; bottom: calc(var(--qa-b) + var(--qa-row-h) + 24px); transform-origin: calc(50% + var(--qa-origin-x, calc((var(--qa-chat-h) + var(--s3)) / -2))) 100%; transform: translateX(-50%) scale(0.96); transition: opacity var(--qa-mod-open) var(--qa-ease),
              transform var(--qa-mod-open) var(--qa-ease); will-change: opacity, transform; }
.hx .qa--modules .qa-menu, .hx .qa--modules.is-open .qa-menu, .hx .qa--modules.is-closing .qa-menu { clip-path: none; }
.hx .qa--modules.is-open .qa-menu { opacity: 1; transform: translateX(-50%) scale(1); }
.hx .qa--modules.is-closing .qa-menu { opacity: 0; transform: translateX(-50%) scale(0.96); transition: opacity var(--qa-mod-close) var(--qa-ease),
              transform var(--qa-mod-close) var(--qa-ease); }
.hx .qa--modules .qa-menu__grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: var(--qa-mod-gap); }
.hx .qa--modules .qa-menu__head { --qa-delay: 0ms; padding: 0 0 var(--qa-mod-gap); }
.hx .qa--modules .qa-menu__head b { font-size: 16px; font-weight: 500; letter-spacing: 0px; text-transform: none; color: var(--c-white, #FFFFFF); }
.hx .qa-mod { display: flex; align-items: center; justify-content: center; gap: 6px; height: var(--qa-mod-h); padding: 16px; border: 0.5px solid rgba(153, 153, 153, 0); border-radius: var(--qa-mod-r); background: rgba(0, 0, 0, 0.2); color: var(--c-white, #FFFFFF); box-shadow: none; font: inherit; text-align: left; overflow: hidden; cursor: pointer; transition: background 160ms var(--ease), transform 120ms var(--ease-out); }
.hx .qa-mod:active { transform: scale(0.97); }
.hx .qa-mod__g { flex: 0 0 auto; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; }
.hx .qa-mod__g img { display: block; width: 20px; height: 20px; }
.hx .qa-mod__t { font-size: 14px; font-weight: 500; line-height: 1.2; letter-spacing: 0.1px; hyphens: manual; overflow-wrap: break-word; min-width: 0px; }
.hx .qa-mod:focus-visible { outline: 3px solid var(--ui-link); outline-offset: 2px; }
.hx .qa-search { position: relative; display: flex; align-items: center; flex: 0 0 auto; height: 52px; padding: 0px 24px; border-radius: 12px; background: rgba(0, 0, 0, 0.05); }
.hx .qa-search__in { flex: 1 1 auto; min-width: 0px; border: 0px; background: none; padding: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 16px; color: var(--ink-head); }
.hx .qa-search__in::placeholder { color: rgb(122, 134, 132); opacity: 1; }
.hx .qa-search__in:focus { outline: none; }
.hx .qa-search:focus-within { box-shadow: inset 0 0 0 2px var(--ui-link); }
.hx .qa-search__x { flex: 0 0 auto; display: grid; place-items: center; width: 28px; height: 28px; margin-right: -8px; border: 0px; border-radius: 50%; background: rgba(31, 65, 91, 0.08); color: var(--petrol-600); cursor: pointer; }
.hx .qa-search__x:hover { background: rgba(31, 65, 91, 0.14); }
.hx .qa.is-kb .qa-menu { bottom: calc(var(--qa-kb, 0px) + 12px); }
.hx .qa.is-kb .qa-row { opacity: 0; pointer-events: none; }
.hx .qa.is-kb .qa-band { opacity: 0; }
.hx .qa-search__x .icon { width: 16px; height: 16px; }
.hx .qa-cat { display: flex; flex-direction: column; gap: 16px; padding: 0px 16px 24px; min-width: 0px; }
.hx .qa-cat[data-tone="clinical"] { --qa-chip-bg: #e8f4f2; --qa-chip-ink: #1f515b; }
.hx .qa-cat[data-tone="animal"] { --qa-chip-bg: #eff5f2; --qa-chip-ink: #006d35; }
.hx .qa-cat[data-tone="ops"] { --qa-chip-bg: rgba(0, 0, 0, .05); --qa-chip-ink: #44544a; }
.hx .qa-cat[data-tone="estate"] { --qa-chip-bg: #e1f9ed; --qa-chip-ink: #006d35; }
.hx .qa-cat__t { margin: 0px; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; color: rgb(68, 84, 74); }
.hx .qa-cat__chips { display: flex; flex-wrap: wrap; gap: 12px; }
.hx .qa-chip { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 8px 12px; border: 0px; border-radius: 90px; background: var(--qa-chip-bg, rgba(0, 0, 0, .05)); color: var(--qa-chip-ink, #44544a); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 12px; line-height: normal; text-align: left; cursor: pointer; transition: filter var(--t-fast) var(--ease), transform var(--t-fast) var(--ease); }
.hx .qa-chip:hover { filter: brightness(0.96); }
.hx .qa-chip:active { filter: brightness(0.92); transform: scale(0.97); }
.hx .qa-chip:focus-visible { outline: none; box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--ui-link); }
.hx .qa-search__x[hidden], .hx .qa-chip[hidden], .hx .qa-cat[hidden] { display: none; }
.hx .qa-chip__g { flex: 0 0 auto; display: block; width: 20px; height: 20px; }
.hx .qa-chip__t { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx .qa-foot { flex: 0 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-top: -8px; padding-top: 16px; border-top: 1px solid rgba(31, 65, 91, 0.1); }
.hx .qa-foot__b { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 12px; border: 0px; border-radius: 12px; background: none; color: var(--petrol-600); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13px; font-weight: 500; cursor: pointer; transition: background var(--t-fast) var(--ease), color var(--t-fast) var(--ease); }
.hx .qa-foot__b:is([data-foot="scan"], [data-foot="edit"]) { margin-left: auto; }
.hx .qa-foot__b:hover { background: rgba(31, 65, 91, 0.06); }
.hx .qa-foot__b:active { background: rgba(55, 189, 105, 0.12); color: var(--c-primary-ink); }
.hx .qa-foot__b:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--ui-link); }
.hx .qa-foot__g { flex: 0 0 auto; display: grid; place-items: center; width: 18px; height: 18px; }
.hx .qa-foot__g .icon, .hx .qa-foot__g img { display: block; width: 18px; height: 18px; }
.hx .qa-foot__none { flex: 1 0 100%; margin: 0px 0px 4px; font-size: 13px; color: var(--ink-soft); }
.hx .qa-foot__none b { font-weight: 600; color: var(--ink-head); }
.hx .qa-cont { display: flex; flex-direction: column; gap: 10px; --qa-item-h: 56px; --qa-item-gap: 6px; }
.hx .qa-cont__t { flex: 0 0 auto; display: flex; align-items: baseline; gap: 8px; margin: 0px; padding-left: 14px; font-size: 14px; font-weight: 500; letter-spacing: 0.1px; color: rgb(68, 84, 74); }
.hx .qa-cont__n { font-size: 11px; font-weight: 650; padding: 1px 7px; border-radius: 90px; background: rgba(31, 65, 91, 0.07); color: var(--petrol-600); }
.hx .qa-cont__list { display: flex; flex-direction: column; gap: var(--qa-item-gap, 6px); max-height: calc(var(--qa-cont-n, 3) * var(--qa-item-h, 56px)
                   + (var(--qa-cont-n, 3) - 1) * var(--qa-item-gap, 6px)); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding-right: 4px; margin-right: -4px; }
.hx .qa-cont__list:focus-visible { outline: 2px solid var(--ui-link); outline-offset: 2px; border-radius: 12px; }
.hx .qa-cont { position: relative; }
.hx .qa-cont.has-more::after { content: ""; position: absolute; left: 0px; right: 4px; bottom: 0px; height: 28px; pointer-events: none; background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); border-radius: 0px 0px 12px 12px; }
.hx .qa-item { display: flex; align-items: center; gap: 10px; width: 100%; min-height: var(--qa-item-h, 56px); padding: 9px 14px; border: 0px; border-radius: 12px; background: rgba(31, 65, 91, 0.035); color: var(--ink-head); font: inherit; text-align: left; cursor: pointer; transition: background var(--t-fast) var(--ease); }
.hx .qa-item:hover { background: rgba(31, 65, 91, 0.075); }
.hx .qa-item:active { background: rgba(55, 189, 105, 0.12); }
.hx .qa-item:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--ui-link); }
.hx .qa-item__g { flex: 0 0 auto; display: block; width: 20px; height: 20px; }
.hx .qa-item__b { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; gap: 1px; }
.hx .qa-item__b b { font-size: 13.5px; font-weight: 500; }
.hx .qa-item__w { font-size: 12px; color: var(--ink-soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .qa-item__s { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.hx .qa-item__k { font-size: 10.5px; font-weight: 650; letter-spacing: 0.04em; text-transform: uppercase; padding: 1px 6px; border-radius: 90px; }
.hx .qa-item__a { font-size: 11px; color: var(--ink-soft); }
.hx .qa-item[data-kind="draft"] .qa-item__k { background: rgba(55, 189, 105, 0.14); color: var(--c-primary-ink); }
.hx[data-home="v2"] .qa-item[data-kind="draft"] .qa-item__k { background: rgba(255, 183, 29, 0.22); color: rgb(138, 90, 0); }
.hx .qa-item[data-kind="unsent"] .qa-item__k { background: rgba(250, 97, 64, 0.14); color: rgb(168, 58, 31); }
.hx .qa-item[data-kind="awaiting"] .qa-item__k { background: rgba(31, 65, 91, 0.08); color: var(--petrol-600); }
.hx .qa-item[data-kind="awaiting"] { background: rgba(31, 65, 91, 0.02); }
.hx .qa-item[data-kind="awaiting"] .qa-item__b b { font-weight: 400; color: var(--ink); }
.hx .qa-body { flex: 1 1 auto; min-height: 0px; display: flex; flex-direction: column; gap: 24px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding-right: 6px; margin-right: -6px; --qa-res-fade: 28px; mask-image: linear-gradient(to bottom, #000 calc(100% - var(--qa-res-fade)), transparent); }
.hx .qa-body.is-end { --qa-res-fade: 0px; }
.hx .qa-res { display: flex; flex-direction: column; gap: 22px; }
.hx .qa-hits { display: flex; flex-direction: column; gap: 6px; }
.hx .qa-hits__t { display: flex; align-items: baseline; gap: 6px; margin: 0px 0px 8px; padding-left: 14px; font-size: 11px; font-weight: 650; letter-spacing: 0.06em; text-transform: uppercase; color: var(--petrol-600); }
.hx .qa-hits__t span { font-size: 10.5px; font-weight: 600; letter-spacing: 0px; padding: 0px 6px; border-radius: 90px; background: rgba(31, 65, 91, 0.07); color: var(--ink-soft); text-transform: none; }
.hx .qa-hit { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 56px; padding: 9px 14px; border: 0px; border-radius: 10px; background: rgba(31, 65, 91, 0.035); color: var(--ink-head); font: inherit; text-align: left; cursor: pointer; transition: background var(--t-fast) var(--ease); }
.hx .qa-hit:hover { background: rgba(31, 65, 91, 0.075); }
.hx .qa-hit:active { background: rgba(55, 189, 105, 0.12); }
.hx .qa-hit:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--ui-link); }
.hx .qa-hit.is-active { background: rgba(55, 189, 105, 0.14); box-shadow: rgba(55, 189, 105, 0.5) 0px 0px 0px 1.5px inset; }
.hx .qa-hit__g { flex: 0 0 auto; display: block; width: 20px; height: 20px; }
.hx .qa-hit__g--dot { position: relative; }
.hx .qa-hit__g--dot::before { content: ""; position: absolute; inset: 7px; border-radius: 50%; background: rgba(31, 65, 91, 0.25); }
.hx .qa-hit__b { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
.hx .qa-hit__b b { font-size: 14px; line-height: 20px; font-weight: 500; }
.hx .qa-hit__b span { font-size: 12px; line-height: 16px; color: var(--ink-soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hx .qa-hit__k { flex: 0 0 auto; font-size: 10.5px; font-weight: 650; letter-spacing: 0.04em; text-transform: uppercase; padding: 1px 6px; border-radius: 90px; background: rgba(31, 65, 91, 0.07); color: var(--petrol-600); }
.hx .qa-hit--act .qa-hit__b b { color: var(--c-primary-ink); }
.hx .qa-hit--cont .qa-hit__k { background: rgba(55, 189, 105, 0.14); color: var(--c-primary-ink); }
.hx .qa-pick--last { background: rgba(55, 189, 105, 0.1); }
.hx .qa-pick--last:hover { background: rgba(55, 189, 105, 0.16); }
.hx .qa-pick--last b { color: var(--c-primary-ink); }
.hx .qa-pick--last span { color: var(--c-primary-ink); opacity: 0.75; }
.hx .qa-stage { display: flex; flex-direction: column; gap: 12px; min-height: 0px; opacity: 0; transform: translateX(14px); transition: opacity var(--qa-t-row) var(--qa-ease),
              transform var(--qa-t-row) var(--qa-ease); }
.hx .qa-stage.is-in { opacity: 1; transform: none; }
.hx .qa-stage[hidden], .hx .qa-menu__grid[hidden], .hx .qa-cont[hidden], .hx .qa-res[hidden], .hx .qa-search[hidden] { display: none; }
.hx .qa-stage__head { display: flex; align-items: center; gap: 8px; }
.hx .qa-stage__back { flex: 0 0 auto; display: grid; place-items: center; width: 36px; height: 36px; margin-left: -8px; border: 0px; border-radius: 50%; background: none; color: var(--petrol-600); cursor: pointer; }
.hx .qa-stage__back:hover { background: rgba(31, 65, 91, 0.07); }
.hx .qa-stage__back:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--ui-link); }
.hx .qa-stage__back .icon { width: 20px; height: 20px; }
.hx .qa-stage__t { font-size: 16px; font-weight: 600; color: var(--ink-head); }
.hx .qa-stage__path { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; margin: 0px; padding-left: 28px; font-size: 12px; color: var(--ink-soft); }
.hx .qa-stage__path i { font-style: normal; opacity: 0.5; }
.hx .qa-crumb { border: 0px; border-radius: 6px; padding: 2px 6px; margin: 0px -2px; background: none; color: var(--petrol-600); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 12px; cursor: pointer; }
.hx .qa-crumb:hover { background: rgba(31, 65, 91, 0.08); color: var(--ink-head); }
.hx .qa-crumb:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--ui-link); }
.hx .qa-stage__list { display: flex; flex-direction: column; gap: 4px; max-height: 46vh; overflow-y: auto; overscroll-behavior: contain; padding-right: 4px; }
.hx .qa-pick { display: flex; flex-direction: column; gap: 2px; width: 100%; min-height: 48px; padding: 8px 12px; border: 0px; border-radius: 10px; background: rgba(31, 65, 91, 0.035); color: var(--ink-head); font: inherit; text-align: left; cursor: pointer; transition: background var(--t-fast) var(--ease); }
.hx .qa-pick:hover { background: rgba(31, 65, 91, 0.075); }
.hx .qa-pick:active { background: rgba(55, 189, 105, 0.12); }
.hx .qa-pick:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--ui-link); }
.hx .qa-pick b { font-size: 14px; font-weight: 500; }
.hx .qa-pick span { font-size: 12px; color: var(--ink-soft); }
.hx .qa-pick--stop { background: rgba(55, 189, 105, 0.1); }
.hx .qa-pick--stop:hover { background: rgba(55, 189, 105, 0.16); }
.hx .qa-pick--stop b { color: var(--c-primary-ink); }
.hx .qa-pick__none { margin: 0px; padding: 12px; font-size: 13px; color: var(--ink-soft); }
.hx .qa--folders .qa-menu { gap: 16px; }
.hx .qa-title { flex: 0 0 auto; padding: 2px 4px 0px; }
.hx .qa-title__t { margin: 0px; font-size: 22px; line-height: 28px; font-weight: 500; letter-spacing: -0.012em; color: var(--ink-head); }
.hx .qa-menu__grid--folders { display: flex; flex-direction: column; gap: 14px; }
.hx .qa-folders { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px; }
.hx .qa--folders .qa-body { scrollbar-width: none; padding-right: 0px; margin-right: 0px; }
.hx .qa--folders .qa-body::-webkit-scrollbar { display: none; }
.hx .qa--folders .qa-folders { align-self: stretch; width: 100%; }
.hx .qa-fold:nth-child(2) { --qf: 1; }
.hx .qa-fold:nth-child(3) { --qf: 2; }
.hx .qa-fold:nth-child(4) { --qf: 3; }
.hx .qa-frow:nth-child(2) { --qr: 1; }
.hx .qa-frow:nth-child(3) { --qr: 2; }
.hx .qa-frow:nth-child(4) { --qr: 3; }
@keyframes qa-gpop { 
  0% { opacity: 0; scale: 0.6; }
  60% { opacity: 1; }
  100% { opacity: 1; scale: 1; }
}
.hx .qa--folders.is-open .qa-fold__g img, .hx .qa--folders.is-open .qa-frow__g { animation-duration: 420ms; animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: qa-gpop; animation-timeline: auto; animation-range: normal; animation-delay: calc(120ms + var(--qf, 0) * 60ms); }
.hx .qa--folders.is-open .qa-frow__g { animation-delay: calc(160ms + var(--qf, 0) * 60ms + var(--qr, 0) * 30ms); }
.hx .qa--folders .qa-frow__g { transition: transform 260ms cubic-bezier(0.34, 1.56, 0.64, 1); }
.hx .qa--folders .qa-frow:is(:hover, :active) .qa-frow__g { transform: scale(1.14) rotate(-8deg); }
.hx .qa-fold[data-tone="clinical"], .hx .qa-fold__list[data-tone="clinical"] { --qa-fold-bg: #e8f4f2; --qa-fold-ink: #1f515b; }
.hx .qa-fold[data-tone="animal"], .hx .qa-fold__list[data-tone="animal"] { --qa-fold-bg: #eff5f2; --qa-fold-ink: #006d35; }
.hx .qa-fold[data-tone="ops"], .hx .qa-fold__list[data-tone="ops"] { --qa-fold-bg: rgba(0, 0, 0, .05); --qa-fold-ink: #44544a; }
.hx .qa-fold[data-tone="estate"], .hx .qa-fold__list[data-tone="estate"] { --qa-fold-bg: #e1f9ed; --qa-fold-ink: #006d35; }
.hx .qa-fold { display: flex; flex-direction: column; gap: 10px; min-width: 0px; padding: 12px; border-radius: 12px; background: var(--qa-fold-bg); }
.hx .qa-fold__hd { display: flex; align-items: center; gap: 12px; min-height: 40px; padding: 0px 4px 0px 2px; margin: 0px; border: 0px; border-radius: 12px; background: none; font: inherit; color: inherit; text-align: left; }
.hx button.qa-fold__hd { cursor: pointer; }
.hx button.qa-fold__hd:hover { background: rgba(255, 255, 255, 0.45); }
.hx .qa-fold__g { flex: 0 0 auto; display: grid; place-items: center; width: 24px; height: 24px; }
.hx .qa-fold__g img { display: block; width: 20px; height: 20px; }
.hx .qa-fold__t { flex: 1 1 auto; min-width: 0px; margin: 0px; font-size: 15px; line-height: 20px; font-weight: 600; letter-spacing: -0.005em; color: var(--ink-head); }
.hx .qa-fold__c, .hx .qa-todo__c { flex: 0 0 auto; display: grid; place-items: center; color: var(--qa-fold-ink, currentColor); opacity: 0.7; }
.hx .qa-fold__c .icon, .hx .qa-todo__c .icon { width: 16px; height: 16px; }
.hx .qa-fold__list { display: flex; flex-direction: column; overflow: hidden; border-radius: 8px; background: rgb(255, 255, 255); box-shadow: rgba(31, 65, 91, 0.06) 0px 1px 2px; }
.hx .qa-frow { position: relative; display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 0px 12px 0px 14px; margin: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 500; line-height: 20px; color: var(--ink-head); text-align: left; cursor: pointer; transition: background var(--t-fast) var(--ease); }
.hx .qa-frow + .qa-frow::before { content: ""; position: absolute; top: 0px; left: 46px; right: 0px; height: 1px; background: rgba(31, 65, 91, 0.08); }
.hx .qa-frow:hover { background: rgba(31, 65, 91, 0.04); }
.hx .qa-frow:active { background: rgba(55, 189, 105, 0.12); }
.hx .qa-frow:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--ui-link); }
.hx .qa-frow__g { flex: 0 0 auto; display: block; width: 20px; height: 20px; }
.hx .qa-frow__t { flex: 1 1 auto; min-width: 0px; padding: 12px 0px; overflow-wrap: anywhere; }
.hx .qa-fold__more { align-self: flex-start; display: inline-flex; align-items: center; gap: 2px; margin: -2px 0px 0px 4px; padding: 4px 6px; border: 0px; border-radius: 8px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13.5px; font-weight: 600; color: var(--qa-fold-ink); cursor: pointer; }
.hx .qa-fold__more:hover { background: rgba(255, 255, 255, 0.5); }
.hx .qa-fold__more .icon { width: 15px; height: 15px; }
.hx .qa-todo { --qa-fold-ink: #8a5a00; display: flex; align-items: center; gap: 12px; width: 100%; min-height: 52px; padding: 8px 14px; margin: 0px; border: 0px; border-radius: 12px; background: rgba(255, 183, 29, 0.16); color: rgb(138, 90, 0); font: inherit; text-align: left; cursor: pointer; transition: background var(--t-fast) var(--ease); }
.hx .qa-todo:hover { background: rgba(255, 183, 29, 0.22); }
.hx .qa-todo:active { background: rgba(255, 183, 29, 0.28); }
.hx .qa-todo:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--ui-link); }
.hx .qa-todo__g { flex: 0 0 auto; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; background: rgba(255, 255, 255, 0.7); }
.hx .qa-todo__g .icon { width: 20px; height: 20px; }
.hx .qa-todo__b { flex: 1 1 auto; min-width: 0px; font-size: 14.5px; line-height: 20px; font-weight: 600; }
.hx .qa-sub { display: flex; flex-direction: column; gap: 12px; min-height: 0px; opacity: 0; transform: translateX(14px); transition: opacity var(--qa-t-row) var(--qa-ease), transform var(--qa-t-row) var(--qa-ease); }
.hx .qa-sub.is-in { opacity: 1; transform: none; }
.hx .qa-sub[hidden] { display: none; }
.hx .qa-sub__list { display: flex; flex-direction: column; gap: 6px; }
.hx .qa-sub__list.qa-fold__list { gap: 0px; padding: 0px; outline: 12px solid var(--qa-fold-bg); margin: 12px; border-radius: 8px; }
.hx .qa.is-open .qa-chat, .hx .qa.is-closing .qa-chat { opacity: 0; pointer-events: none; }
.hx .qa-row { transition: transform var(--qa-mod-open, 320ms) var(--qa-ease, ease); }
.hx .qa.is-open .qa-row { transform: translateX(calc(-50% + (var(--qa-chat-h) + var(--s3)) / 2)); }
.hx #panel-modules { padding-bottom: calc(var(--qa-b) + var(--qa-row-h) + var(--s4)); }
.hx .greeting__word { font-family: var(--font-num); font-weight: 400; font-variation-settings: "opsz" 14; }
.hx .greeting__name { letter-spacing: -0.28px; }
.hx .search__icon { width: 22px; height: 22px; }
.hx .hero__title { font-size: 28px; }
.hx .hero { border-radius: 16px; }
.hx .main-frame { padding: 32px var(--pad-page) 24px; }
.hx[data-page-version="2"] .modules-band { margin-top: 0px; }
.hx[data-page-version="2"] .modules-band::before { top: -32px; }
.hx .foliage { height: 293px; background: url("assets/hx/img/foliage-artboard.png") 50% 67.89% / cover no-repeat; mask-image: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 182px, rgba(0, 0, 0, 0.72) 214px, rgba(0, 0, 0, 0.34) 252px, transparent 293px); mask-composite: add; }
.hx .foliage::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(0, 0, 0, 0.05) 0px, rgba(0, 0, 0, 0.05) 182px, rgba(0, 0, 0, 0.035) 214px, rgba(0, 0, 0, 0.016) 252px, rgba(0, 0, 0, 0) 293px); }
.hx[data-page-version="2"] .modules-band::before { bottom: calc((var(--qa-b) + var(--qa-row-h) + var(--s4)
                + var(--s6) + var(--s12)) * -1); }
.hx .search-row__profile { flex: 0 0 auto; width: 0px; opacity: 0; visibility: hidden; transform: translateX(10px) scale(0.9); transition: width var(--t-base) var(--ease),
              opacity var(--t-fast) var(--ease),
              transform var(--t-base) var(--ease),
              margin-left var(--t-base) var(--ease),
              visibility 0s linear var(--t-base); }
.hx .search-row.is-stuck .search-row__profile { width: 38px; margin-left: 4px; opacity: 1; visibility: visible; transform: translateX(0px) scale(1); transition: width var(--t-base) var(--ease),
              opacity var(--t-base) var(--ease) 60ms,
              transform var(--t-base) var(--ease),
              margin-left var(--t-base) var(--ease),
              visibility 0s linear 0s; }
.hx .search-row__profile { align-self: center; }
@keyframes ki-glow { 
  0%, 100% { box-shadow: rgba(0, 214, 201, 0.18) 0px 0px 10px -4px; }
  50% { box-shadow: rgba(0, 214, 201, 0.5) 0px 0px 8px -2px, rgba(0, 214, 201, 0.42) 0px 0px 34px 2px; }
}
.hx .card:has(> .l-headline), .hx .card:has(> .l-v3ins) { animation: ki-glow 3.2s var(--ease, ease-in-out) infinite; }