.sc-mx { position: relative; padding: 2rem 1.75rem 1.75rem; border-radius: 0.75rem; color: #f5f5f5;
  background: radial-gradient(ellipse 60% 70% at 0% 0%, rgba(180, 80, 30, 0.2), transparent 70%), radial-gradient(ellipse 55% 60% at 100% 100%, rgba(23, 57, 75, 0.55), transparent 70%), #0e0b0b; }
.sc-mx-tabs { display: flex; gap: 0.1875rem; }
.sc-mx-tab { min-height: 2.25rem; padding: 0.5rem 1.125rem 0.5rem 0.875rem; border: 0; border-radius: 0.625rem 0.625rem 0 0; background: #0f0f0f; color: #8d8d8d; font-size: 0.875rem; cursor: pointer; transition: color 0.15s ease, background 0.15s ease; }
.sc-mx-tab:hover { color: #d8d8d8; }
.sc-mx-tab[aria-selected="true"] { background: #161616; color: #f5f5f5; }
.sc-mx-folder { padding: 0.625rem; border-radius: 0 1.1875rem 1.1875rem 1.1875rem; background: #161616; box-shadow: 0 32px 64px -24px rgba(0, 0, 0, 0.8); }
.sc-mx-panel { border: 1px solid #2c2c2c; border-radius: 1rem; background: #121212; overflow: hidden; }
.sc-mx-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem; padding: 0.75rem; border-bottom: 1px solid #262626; }
.sc-mx-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.sc-mx-tool { min-height: 2rem; padding: 0 0.875rem; border: 1px solid #323232; border-radius: 62rem; background: #1d1d1d; color: #e5e5e5; font-size: 0.8125rem; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease; }
.sc-mx-tool:hover, .sc-mx-icon:hover { background: #262626; border-color: #4a4a4a; }
.sc-mx-density { --i: 1; position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 2px; border: 1px solid #323232; border-radius: 62rem; background: #1d1d1d; }
.sc-mx-density::before { content: ''; position: absolute; top: 2px; bottom: 2px; left: 2px; width: calc((100% - 4px) / 3); border-radius: 62rem; background: #f5f5f5; transform: translateX(calc(var(--i) * 100%)); transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1); }
.sc-mx-dens { position: relative; z-index: 1; min-height: 1.75rem; padding: 0 0.75rem; border: 0; border-radius: 62rem; background: none; color: #bdbdbd; font-size: 0.75rem; cursor: pointer; white-space: nowrap; transition: color 0.2s ease; }
.sc-mx-dens[aria-checked="true"] { color: #121212; font-weight: 500; }
.sc-mx-icon { display: grid; place-items: center; width: 2rem; height: 2rem; padding: 0; border: 1px solid #323232; border-radius: 50%; background: #1d1d1d; color: #e5e5e5; cursor: pointer; }
.sc .sc-mx button:focus-visible, .sc .sc-mx [tabindex]:focus-visible { outline: 2px solid #8c99ff; outline-offset: 2px; }
.sc-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.sc-mx-hint { display: none; }
.sc-mx-sw { position: relative; }
.sc-mx-sw::before, .sc-mx-sw::after { content: ''; position: absolute; top: 0; bottom: 0; z-index: 3; width: 2.5rem; pointer-events: none; opacity: 0; transition: opacity 0.2s ease; }
.sc-mx-sw::after { right: 0; background: linear-gradient(90deg, transparent, #121212); }
.sc-mx-sw::before { left: var(--fl, 18rem); background: linear-gradient(270deg, transparent, #121212); }
.sc-mx-sw.has-more::after, .sc-mx-sw.has-less::before { opacity: 1; }
.sc-mx-scroll { overflow: auto; scroll-padding-left: 18rem; scrollbar-width: thin; scrollbar-color: #3a3a3a transparent; }
.sc-mx-table { width: 100%; min-width: var(--mw, 54rem);border-collapse: separate; border-spacing: 0; table-layout: fixed; font-size: 0.875rem; line-height: 1.45; }
.sc-mx-table th, .sc-mx-table td { border-bottom: 1px solid #222; border-right: 1px solid #222; text-align: left; vertical-align: top; background: #121212; }
.sc-mx-table th:last-child, .sc-mx-table td:last-child { border-right: 0; }
.sc-mx-table tbody tr:last-child td { border-bottom: 0; }
.sc-mx-table th.sc-ix, .sc-mx-table td.sc-ix { position: sticky; left: 0; z-index: 2; width: 2.75rem; padding: 0.75rem 0 0; text-align: center; color: #6b6b6b; font: 0.6875rem/1 var(--mono); }
.sc-mx-table th.sc-ix { padding: 0; vertical-align: middle; }
.sc-mx-table th:nth-child(2), .sc-mx-table td:nth-child(2) { position: sticky; left: 2.75rem; z-index: 2; box-shadow: 1px 0 0 #2c2c2c; }
.sc-mx-table thead th { position: sticky; top: 0; z-index: 4; box-shadow: 0 1px 0 #2c2c2c; }
.sc-mx-table thead th.sc-ix, .sc-mx-table thead th:nth-child(2) { z-index: 5; box-shadow: 0 1px 0 #2c2c2c, 1px 0 0 #2c2c2c; }
.sc-th-btn { display: flex; align-items: center; gap: 0.5rem; width: 100%; min-height: 2.5rem; padding: 0 0.75rem; border: 0; background: none; color: #f5f5f5; font-size: 0.8125rem; font-weight: 600; text-align: left; cursor: pointer; transition: background 0.15s ease; }
.sc-th-btn:hover, .sc-th-btn[aria-expanded="true"] { background: #1b1b1b; }
.sc-th-ic { color: #8d8d8d; font-size: 0.6875rem; }
.sc-th-t { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-th-caret { color: #8d8d8d; font-size: 0.75rem; }
.sc-c { padding: 0.75rem; transition: background 0.15s ease; }
.sc-mx-table tbody tr:hover td { background: #171717; }
.sc-mx-table td.is-sel { box-shadow: inset 0 0 0 1px #6375ff; }
.sc-mx-table td.is-sel:nth-child(2) { box-shadow: inset 0 0 0 1px #6375ff, 1px 0 0 #2c2c2c; }
.sc-pill { display: inline-flex; align-items: center; gap: 0.4375rem; max-width: 100%; height: 1.75rem; padding: 0 0.75rem 0 0.25rem; border: 1px solid #323232; border-radius: 62rem; background: #1d1d1d; color: #f5f5f5; font-size: 0.8125rem; cursor: pointer; box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.3); transition: border-color 0.15s ease, background 0.15s ease; }
.sc-pill:hover { border-color: #6375ff; background: #222; }
.sc-pill-ic { flex: none; display: grid; place-items: center; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: var(--c); color: #fff; }
.sc-pill-t { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-pills { display: flex; flex-direction: column; align-items: stretch; gap: 0.625rem; }
.sc-pillw { display: block; max-width: 100%; min-width: 0; }
.sc-pillw > .sc-pill { max-width: 100%; }
.sc-pill-sub { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin: 0.3125rem 0 0 0.25rem; font: 0.6875rem/1.35 var(--mono); color: #8a8a8a; overflow-wrap: anywhere; }
.sc-mx[data-density="full"] .sc-pill-sub { -webkit-line-clamp: unset; display: block; }
.sc-pill-more { min-height: 1.5rem; padding: 0 0.625rem; border: 1px solid #323232; border-radius: 62rem; background: #1d1d1d; color: #cfcfcf; font: 600 0.6875rem/1 var(--mono); cursor: pointer; display: none; }
.sc-pill-more:hover { border-color: #6375ff; color: #fff; }
.sc-tag { display: inline-block; padding: 0.125rem 0.4375rem; border-radius: 0.25rem; font-size: 0.8125rem; line-height: 1.25rem; color: color-mix(in srgb, var(--t) 38%, white); background: color-mix(in srgb, var(--t) 30%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--t) 45%, transparent); }
.sc-cell { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.5rem; width: 100%; padding: 0; border: 0; background: none; color: #ececec; font-size: 0.875rem; line-height: 1.45; text-align: left; cursor: pointer; }
.sc-cell-t { min-width: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; overflow-wrap: normal; hyphens: none; }
.sc-cell:hover .sc-cell-t { color: #fff; text-decoration: underline; text-decoration-color: #6375ff; text-underline-offset: 3px; }
.sc-cell-n { flex: none; margin-top: 0.125rem; padding: 0.125rem 0.375rem; border-radius: 62rem; background: rgba(255, 230, 110, 0.14); color: #ffe66e; font: 600 0.625rem/1 var(--mono); }
.sc-cell-link .sc-cell-t { text-decoration: underline dotted rgba(255, 255, 255, 0.2); text-underline-offset: 3px; }
.sc-cell-link:hover .sc-cell-t { text-decoration: underline; text-decoration-color: #6375ff; }
.sc-cell-head { display: none; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: #fff; font-variant-numeric: tabular-nums; }
.sc-c-number .sc-cell-t { display: block; -webkit-line-clamp: unset; font-variant-numeric: tabular-nums; color: #cfcfcf; }
.sc-c-number .sc-fig { font-weight: 700; color: #fff; }
.sc-c-number.sc-bare .sc-cell { justify-content: flex-end; }
.sc-c-number.sc-bare .sc-cell-t { font-weight: 700; color: #fff; text-align: right; }
.sc-quote { display: none; margin-top: 0.5rem; font: 0.8125rem/1.5 var(--serif); color: #cfcfcf; }
.sc-quote mark { background: rgba(255, 230, 110, 0.14); color: #f0e8c4; padding: 0 0.1em; border-radius: 0.125rem; box-shadow: inset 0 -2px 0 rgba(255, 230, 110, 0.5); }
.sc-empty { color: #555; }
.sc-mx-foot { padding: 0.625rem 0.875rem; border-top: 1px solid #262626; font: 0.6875rem/1.4 var(--mono); color: #8a8a8a; }
.sc-mx[data-density="compact"] .sc-c { padding: 0.4375rem 0.75rem; }
.sc-mx[data-density="compact"] .sc-mx-table td.sc-ix { padding-top: 0.6875rem; }
.sc-mx[data-density="compact"] .sc-cell-t { -webkit-line-clamp: 1; }
.sc-mx[data-density="compact"] .sc-c-lead .sc-cell-t { -webkit-line-clamp: 2; }
.sc-mx[data-density="compact"] .sc-c-number .sc-cell-t { display: none; }
.sc-mx[data-density="compact"] .sc-c-number .sc-cell-head { display: block; }
.sc-mx[data-density="compact"] .sc-c-number.sc-bare .sc-cell-t { display: block; }
.sc-mx[data-density="compact"] .sc-c-number.sc-bare .sc-cell-head { display: none; }
.sc-c-chip.sc-c-lead .sc-pill { height: auto; min-height: 1.75rem; padding-block: 0.1875rem; border-radius: 0.9375rem; }
.sc-c-chip.sc-c-lead .sc-pill-t { white-space: normal; text-align: left; overflow-wrap: normal; }
.sc-mx[data-density="compact"] .sc-pill-sub { display: none; }
.sc-mx[data-density="compact"] .sc-pills { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 0.375rem; }
.sc-mx[data-density="compact"] .sc-pill-more { display: inline-block; }
.sc-mx[data-density="compact"] .sc-c:not(.is-open) .sc-pill-extra { display: none; }
.sc-mx[data-density="compact"] .sc-c.is-open .sc-pill-more { order: 9; }
.sc-mx[data-density="roomy"] .sc-c { padding-top: 0.75rem; padding-bottom: 0.875rem; }
.sc-mx[data-density="roomy"] .sc-mx-table td.sc-ix { padding-top: 1rem; }
.sc-mx[data-density="full"] .sc-cell-t { -webkit-line-clamp: unset; display: block; }
.sc-mx[data-density="full"] .sc-quote { display: block; }
.sc-reveal { animation: sc-reveal 0.46s cubic-bezier(0.22, 0.61, 0.36, 1) both; }
@keyframes sc-reveal { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.sc-mx-pop { position: absolute; z-index: 6; width: 17.5rem; padding: 0.875rem; border: 1px solid #323232; border-radius: 0.75rem; background: #1b1b1b; color: #f5f5f5; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04), 0 8px 28px rgba(0, 0, 0, 0.34); transform-origin: top left; opacity: 0; transform: scale(0.95); transition: opacity 0.16s cubic-bezier(0.23, 1, 0.32, 1), transform 0.16s cubic-bezier(0.23, 1, 0.32, 1); }
.sc-mx-pop.is-in { opacity: 1; transform: none; }
.sc-pop-k { margin: 0 0 0.375rem; font: 500 0.625rem/1.3 var(--mono); letter-spacing: 0.08em; text-transform: uppercase; color: #8a8a8a; }
.sc-pop-h { margin: 0 0 0.625rem; font: 500 1.125rem/1.2 var(--serif); }
.sc-pop-meta { display: flex; flex-wrap: wrap; gap: 0.375rem; margin: 0 0 0.875rem; }
.sc-pop-pill { padding: 0.1875rem 0.5rem; border-radius: 62rem; background: #262626; color: #cfcfcf; font-size: 0.6875rem; }
.sc-pop-q { margin: 0 0 0.875rem; padding: 0.5rem 0.625rem; border: 1px solid #2c2c2c; border-radius: 0.5rem; background: #121212; font-size: 0.8125rem; line-height: 1.45; color: #e5e5e5; }
.sc-pop-acts { display: flex; flex-wrap: wrap; gap: 0.375rem; }
.sc-pop-btn { min-height: 2rem; padding: 0 0.75rem; border: 1px solid #3a3a3a; border-radius: 62rem; background: #232323; color: #f5f5f5; font-size: 0.75rem; cursor: pointer; }
.sc-pop-btn:hover { background: #2c2c2c; }
.sc-pop-main { background: #f5f5f5; color: #121212; border-color: #f5f5f5; }
.sc-pop-main:hover { background: #F2C98A; border-color: #F2C98A; }
@media (max-width: 880px) {
  .sc-mx { padding: 1.25rem 0.75rem 0.75rem; }
  .sc-mx-bar { justify-content: flex-start; }
}
@media (max-width: 700px) {
  .sc-mx-tab { padding: 0.5rem 0.75rem; font-size: 0.8125rem; }
  .sc-mx-folder { padding: 0.375rem; border-radius: 0 0.75rem 0.75rem 0.75rem; }
  .sc-mx-panel { border-radius: 0.625rem; }
  .sc-mx-pop { width: min(17.5rem, calc(100% - 1rem)); }
  .sc-mx-bar { flex-wrap: nowrap; justify-content: space-between; padding: 0.5rem 0.625rem; }
  .sc-mx-bar > .sc-mx-tools:first-child { display: none; }
  .sc-mx-bar > .sc-mx-tools:last-child { flex: 1 1 auto; flex-wrap: nowrap; }
  .sc-mx-density { flex: 1 1 auto; }
  .sc-mx-dens { padding: 0 0.375rem; }
  .sc-mx-hint { display: block; margin: 0; padding: 0.5rem 0.75rem 0; font-size: 0.75rem; line-height: 1.4; color: #8a8a8a; }
  .sc-mx-sw::before, .sc-mx-sw::after { display: none; }
  .sc-mx-scroll { overflow: visible; max-height: none; }
  .sc-mx .sc-mx-table, .sc-mx .sc-mx-table thead, .sc-mx .sc-mx-table tbody { display: block; width: 100%; min-width: 0; }
  .sc-mx .sc-mx-table thead tr { display: flex; flex-wrap: nowrap; gap: 0.375rem; padding: 0.5rem 0.75rem 0.25rem; overflow-x: auto; scrollbar-width: none; }
  .sc-mx .sc-mx-table thead tr::-webkit-scrollbar { display: none; }
  .sc-mx .sc-mx-table th { display: block; position: static; width: auto !important; border: 0; background: none; box-shadow: none; }
  .sc-mx .sc-mx-table th.sc-ix, .sc-mx .sc-mx-table td.sc-ix { display: none; }
  .sc-mx .sc-mx-table th { flex: none; }
  .sc-th-btn { width: auto; min-height: 2.25rem; white-space: nowrap; padding: 0 0.75rem; border: 1px solid #323232; border-radius: 62rem; background: #1d1d1d; }
  .sc-th-btn:hover, .sc-th-btn[aria-expanded="true"] { background: #262626; }
  .sc-th-t { flex: 0 1 auto; }
  .sc-mx .sc-mx-table tbody tr { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0.625rem 0.5rem; margin: 0.625rem 0.75rem; padding: 0.875rem; border: 1px solid #2c2c2c; border-radius: 0.75rem; background: #171717; }
  .sc-mx .sc-mx-table tbody tr:hover td { background: none; }
  .sc-mx .sc-mx-table td { display: block; position: static; order: 4; width: 100%; padding: 0; border: 0; background: none; box-shadow: none; }
  .sc-mx .sc-mx-table td.is-sel, .sc-mx .sc-mx-table tbody td.is-sel:nth-child(n) { box-shadow: none; }
  .sc-mx .sc-mx-table tbody tr:has(td.is-sel) { border-color: #6375ff; }
  .sc-mx .sc-mx-table tbody td.sc-c { padding: 0; }
  .sc-mx .sc-mx-table .sc-c-lead { order: 0; padding-bottom: 0.125rem; }
  .sc-mx .sc-mx-table .sc-c-lead .sc-cell-t, .sc-mx .sc-mx-table .sc-c-lead .sc-pill-t { font-size: 1rem; line-height: 1.35; font-weight: 500; }
  .sc-mx .sc-mx-table .sc-c-tag { order: 1; width: auto; }
  .sc-mx .sc-mx-table .sc-c-chip { order: 2; }
  .sc-mx .sc-mx-table .sc-c-number { order: 3; }
  .sc-mx .sc-mx-table .sc-c:not(.sc-c-tag):not(.sc-c-lead)::before { content: attr(data-label); display: block; margin-bottom: 0.25rem; font: 500 0.625rem/1.2 var(--mono); letter-spacing: 0.08em; text-transform: uppercase; color: #8a8a8a; }
  .sc-c-number .sc-cell, .sc-c-number.sc-bare .sc-cell { justify-content: flex-start; }
  .sc-c-number .sc-cell-t, .sc-c-number.sc-bare .sc-cell-t { text-align: left; }
  .sc-cell-t { -webkit-line-clamp: unset; display: block; }
  .sc-mx[data-density="compact"] .sc-c:not(.sc-c-lead):not(.sc-c-tag):not(.sc-c-chip):not(.sc-c-number) { display: none !important; }
  .sc-mx[data-density="compact"] .sc-mx-table tbody tr { margin: 0.375rem 0.75rem; padding: 0.625rem 0.75rem; }
  .sc-mx .sc-c-lead .sc-pillw, .sc-mx .sc-c-lead .sc-pill { max-width: 100%; }
  .sc-mx .sc-c-lead .sc-pill { height: auto; min-height: 1.75rem; padding-block: 0.25rem; }
  .sc-mx .sc-c-lead .sc-pill-t { white-space: normal; text-align: left; }
}
