.mk-slot { margin-top: 12px; }
.mk-slot > .sv-tile { margin-top: 0; }
.mk-skel-tile { height: 270px; margin: 0 !important; }
.mk-skel-perf { height: 280px; margin: 20px 0 0 !important; }
.mk-skel-tl { height: 44px; border-radius: 12px; }
.mk-empty { padding: 22px 18px; }
.mk-tile { padding: 18px 18px 16px; cursor: pointer; }
.mk-cap { display: flex; align-items: center; gap: 6px; font-size: var(--fs-3); color: var(--muted); font-weight: 600; }
.mk-cap .sv-pill { margin-left: 4px; }
.mk-cap .tz-q { margin-left: auto; }
.mk-top { display: flex; align-items: center; gap: 14px; margin-top: 12px; min-width: 0; }
.mk-tt { min-width: 0; }
.mk-big { font-size: var(--fs-11); font-weight: 600; letter-spacing: -0.04em; line-height: 1.1; white-space: nowrap; }
.mk-why { font-size: var(--fs-2); color: var(--muted); margin-top: 3px; }
.mk-up .mk-big { color: var(--up); }
.mk-up .mk-ic { --ic-bg: var(--lim-bg); --ic-fg: var(--up); }
.mk-down .mk-big { color: var(--down); }
.mk-down .mk-ic { --ic-bg: var(--info-bg); --ic-fg: var(--down); }
.mk-flat .mk-big { color: var(--warn); }
.mk-flat .mk-ic { --ic-bg: var(--warn-bg); --ic-fg: var(--warn); }
.mk-unknown .mk-big { color: var(--muted); }
.mk-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 16px; }
.mk-i { background: var(--card-2); border-radius: 16px; padding: 10px 12px 8px; min-width: 0; }
.mk-i-h { display: flex; justify-content: space-between; align-items: baseline; gap: 6px; font-size: var(--fs-2); color: var(--muted); }
.mk-i-h .nm { font-size: var(--fs-2); color: var(--muted); }
.mk-chg { font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mk-i-v { font-size: var(--fs-7); font-weight: 600; letter-spacing: -0.02em; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-spark { display: block; width: 100%; height: 30px; margin-top: 4px; overflow: visible; }
.mk-spark polyline { stroke-width: 1.8px; stroke-linejoin: round; stroke-linecap: round; }
.mk-spark .ar { stroke: none; opacity: .12; }
.mk-sp-up polyline { stroke: var(--up); }
.mk-sp-up .ar { fill: var(--up); }
.mk-sp-down polyline { stroke: var(--down); }
.mk-sp-down .ar { fill: var(--down); }
.mk-sp-flat polyline { stroke: var(--faint); }
.mk-sp-flat .ar { fill: var(--faint); }
.mk-best { display: flex; align-items: center; gap: 6px; margin-top: 14px; font-size: var(--fs-2); color: var(--muted); }
.mk-best b { color: var(--text); font-weight: 600; }
.mk-best .v { margin-left: auto; color: var(--ok); font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mk-best-none { color: var(--faint); }
.mk-cu { color: var(--up); }
.mk-cd { color: var(--down); }
.mk-tl-slot { margin-top: 8px; }
.sv-row:has(> .mk-tl-slot:not([hidden])) { flex-wrap: wrap; row-gap: 0; }
.sv-row > .mk-tl-slot { flex: 0 0 100%; min-width: 0; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); }
.sv-q .mk-tl-slot { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); }
.rv-row .mk-tl-slot { grid-column: 1 / -1; margin-top: 6px; }
.mk-st { display: block; width: 100%; border: 0; background: none; padding: 2px 0 0; font: inherit; color: inherit; cursor: pointer; text-align: center; }
.mk-st ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); position: relative; }
.mk-st ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mk-st.three ol { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mk-st ol::before { content: ""; position: absolute; left: 16.7%; right: 16.7%; top: 5px; height: 2px; background: var(--line); }
.mk-st ol::before { left: 25%; right: 25%; }
.mk-st.three ol::before { left: 16.7%; right: 16.7%; }
.mk-st-i { position: relative; display: flex; flex-direction: column; align-items: center; min-width: 0; font-size: var(--fs-2); line-height: 1.35; color: var(--faint); font-variant-numeric: tabular-nums; }
.mk-st-i > i { width: 12px; height: 12px; border-radius: 50%; background: var(--card); border: 2px solid var(--line); position: relative; z-index: 1; box-sizing: border-box; }
.mk-st-i.on > i { background: var(--text); border-color: var(--text); }
.mk-st-i.on.late > i { background: var(--warn); border-color: var(--warn); }
.mk-st-i.ok > i { background: var(--ok); border-color: var(--ok); }
.mk-st-i.hi > i { background: var(--up); border-color: var(--up); }
.mk-st-i.lo > i { background: var(--down); border-color: var(--down); }
.mk-st-i > b { font-weight: 600; color: var(--muted); margin-top: 4px; white-space: nowrap; }
.mk-st-i.late > b { color: var(--warn); }
.mk-st-i > span { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--text); }
.mk-st-i.no > span { color: var(--faint); }
.mk-st:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 10px; }
.mk-tl-none { margin: 0; font-size: var(--fs-2); color: var(--muted); }
.mk-hit { display: inline; }
.mk-tl { list-style: none; margin: 0; padding: 0; }
.mk-tl-i { position: relative; display: flex; align-items: flex-start; gap: 10px; padding: 0 0 10px; }
.mk-tl-i:last-child { padding-bottom: 0; }
.mk-tl-i > i { flex: none; box-sizing: border-box; width: 10px; height: 10px; border-radius: 99px; margin-top: 6px; background: var(--faint); position: relative; z-index: 1; }
.mk-tl-i:not(:last-child)::before { content: ''; position: absolute; left: 4px; top: 14px; bottom: -4px; width: 2px; background: var(--line); }
.mk-tl-i.on > i { background: var(--text); }
.mk-tl-i.ok > i { background: var(--ok); }
.mk-tl-i.hi > i { background: var(--up); }
.mk-tl-i.lo > i { background: var(--down); }
.mk-tl-i.no > i { background: transparent; border: 2px solid var(--faint); }
.mk-tl-t { min-width: 0; font-size: var(--fs-3); line-height: 1.55; color: var(--text); font-variant-numeric: tabular-nums; }
.mk-tl-t b { font-weight: 600; font-size: inherit; }
.mk-tl-s { display: block; color: var(--muted); font-size: var(--fs-2); }
.mk-tl-x { display: block; color: var(--faint); font-size: var(--fs-2); }
.sv-pill.mk-rp { padding: 1px 7px; margin-left: 2px; vertical-align: 1px; }
.mk-sw { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin: 10px 0 0; font-size: var(--fs-2); color: var(--text); }
.mk-seg { position: relative; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); padding: 4px; margin: 0 0 4px; border-radius: 16px; background: var(--neutral-bg); }
.mk-seg-th { position: absolute; top: 4px; bottom: 4px; left: 4px; width: calc((100% - 8px) / var(--n, 3)); border-radius: 12px; background: var(--seg-on); transform: translateX(calc(var(--i, 0) * 100%)); transition: transform .38s cubic-bezier(.2, .8, .2, 1); }
.mk-seg-b {
  position: relative; z-index: 1; min-width: 0; min-height: 50px; padding: 4px 6px; border: 0; border-radius: 12px; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px;
  background: transparent; color: var(--muted); font: inherit; font-size: var(--fs-3); font-weight: 400; white-space: nowrap;
}
.mk-seg-b small { font-size: var(--fs-1); color: var(--muted); font-weight: 400; }
.mk-seg-b[aria-pressed="true"] { color: var(--text); font-weight: 600; cursor: default; }
.mk-seg-b.mk-up[aria-pressed="true"] span { color: var(--up); }
.mk-seg-b.mk-down[aria-pressed="true"] span { color: var(--down); }
.mk-seg-b.mk-flat[aria-pressed="true"] span { color: var(--warn); }
.mk-seg-b:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.mk-rgp { padding: 8px 14px 14px; margin-top: 8px; }
.mk-rr { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto 56px; align-items: center; gap: 10px; margin-top: 14px; }
.mk-rr-h { margin-top: 6px; font-size: var(--fs-1); color: var(--muted); }
.mk-rr-h .nm { grid-column: 1 / span 2; font-size: var(--fs-1) !important; font-weight: 400 !important; color: var(--muted); }
.mk-rr .nm { min-width: 0; font-size: var(--fs-4); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mk-rr .nm small { font-size: var(--fs-2); font-weight: 400; color: var(--muted); margin-left: 6px; }
.mk-rr .v { font-size: var(--fs-6); font-weight: 600; text-align: right; white-space: nowrap; }
.mk-rr .b { font-size: var(--fs-2); color: var(--faint); text-align: right; white-space: nowrap; }
.mk-rr-h .v, .mk-rr-h .b { font-size: var(--fs-1); font-weight: 400; color: var(--muted); }
.mk-rr-none { grid-column: 3 / span 2; text-align: right; font-size: var(--fs-1); color: var(--faint); }
.mk-rgp > .mk-rr-none { display: block; text-align: center; padding: 12px 0; }
.mk-rr-bars { margin: 8px 0 0 40px; height: 8px; }
@media (max-width: 359px) {
  .mk-big { font-size: var(--fs-9); }
  .mk-i-v { font-size: var(--fs-5); }
}
.tz-when.tz-when-late { display: flex; flex-direction: column; gap: 2px; font-size: var(--fs-2); color: var(--muted); }
.tz-when.tz-when-late b { color: var(--text); font-weight: 600; }
.tz-when.tz-when-late .late { color: var(--muted); font-size: var(--fs-1); }
.mk-st.one { display: flex; align-items: center; justify-content: flex-start; gap: 8px; font-size: var(--fs-1); color: var(--muted); text-align: left; }
.mk-st.one .mk-st-r { font-variant-numeric: tabular-nums; }
.mk-st.one .mk-st-r.ok { color: var(--ok); font-weight: 600; }
.mk-rg-fold > summary { cursor: pointer; list-style: none; display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 14px 16px; border-radius: 18px; background: var(--card); border: 1px solid var(--line); font-size: var(--fs-4); font-weight: 600; }
.mk-rg-fold > summary small { font-size: var(--fs-1); font-weight: 400; color: var(--muted); }
.mk-rg-fold > summary::-webkit-details-marker { display: none; }
.mk-rg-fold > summary::after { content: "▾"; color: var(--muted); font-size: var(--fs-1); }
.mk-rg-fold[open] > summary::after { content: "▴"; }
.mk-rg-fold[open] > summary { margin-bottom: 10px; }
.mk-basis { font-size: var(--fs-1); color: var(--muted); margin-top: 2px; }
.mk-spark-k { margin: 8px 2px 0; font-size: var(--fs-1); color: var(--muted); }
.mk-rr-cap { margin: 2px 0 6px; font-size: var(--fs-2); color: var(--muted); }
.mk-rr.mk-rr2 .v { display: flex; flex-direction: column; align-items: flex-end; }
.mk-rr.mk-rr2 .v small { font-size: var(--fs-2); font-weight: 400; color: var(--muted); white-space: nowrap; }
.tz-notime { color: var(--muted); }
.mk-rr.mk-rr2 { grid-template-columns: 30px minmax(0, 1fr) auto; }
@media (max-width: 359px) {
  .mk-rr.mk-rr2 .nm small { display: block; margin-left: 0; }
}
.mk-flat .mk-big { color: var(--text); }
.mk-seg-b.mk-flat[aria-pressed="true"] span { color: var(--text); }
.mk-tile.v2 { padding: 18px 16px 16px; }
.mk-hd { display: flex; align-items: center; gap: 6px; font-size: var(--fs-2); color: var(--muted); min-width: 0; }
.mk-hd .t { font-weight: 600; flex: none; }
.mk-hd .bs { margin-left: auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-hd .tz-q { flex: none; }
.mk-tile.v2 .sv-pill { font-size: var(--fs-2); }
.mk-duo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.mk-bx { background: var(--card-2); border-radius: 16px; padding: 12px 12px 11px; min-width: 0; }
.mk-k { font-size: var(--fs-2); color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-v { font-size: var(--fs-9); font-weight: 600; letter-spacing: -0.04em; line-height: 1.25; margin-top: 4px; white-space: nowrap; color: var(--text); }
.mk-v.c-up { color: var(--up); }
.mk-v.c-down { color: var(--down); }
.mk-s { font-size: var(--fs-2); color: var(--muted); margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-pend { margin-top: 10px; }
.mk-tile.v2 .mk-two { margin-top: 8px; }
.mk-tile.v2 .mk-i { padding: 10px 12px 9px; }
.mk-tile.v2 .mk-i-v { font-size: var(--fs-2); }
.mk-tile.v2 .mk-spark { height: 26px; }
#view .mk-tile .mk-i .mk-s.mk-s2 { white-space: normal; overflow: visible; text-overflow: clip; }
#view .mk-tile.v2 .mk-duo :is(.mk-v, .mk-v.c-up, .mk-v.c-down) { font-size: var(--fs-9); font-weight: 600; }
#view .mk-tile.v2 :is(.mk-i-v, .mk-chg, .mk-hd .t) { font-size: var(--fs-2); font-weight: 600; }
@media (max-width: 359px) {
  #view .mk-tile.v2 .mk-duo :is(.mk-v, .mk-v.c-up, .mk-v.c-down) { font-size: var(--fs-7); }
}
.mk-th { margin-top: 12px; }
.mk-th-h { font-size: var(--fs-2); color: var(--muted); }
.mk-th-r { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 6px; }
.mk-th-b { appearance: none; -webkit-appearance: none; border: 0; background: var(--card-2); border-radius: 16px; padding: 10px 10px 9px; min-width: 0; min-height: 44px;
  display: flex; flex-direction: column; align-items: flex-start; gap: 2px; text-align: left; color: var(--text); font: inherit; cursor: pointer; }
.mk-th-b .nm { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#view .mk-tile.v2 .mk-th-b :is(.nm, .v) { font-size: var(--fs-2); font-weight: 600; }
#view .mk-tile.v2 .mk-th-h { font-size: var(--fs-2); font-weight: 400; }
.mk-th-b:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
#sheet .mk-th-sum { margin-bottom: 4px; }
#sheet .mk-th-l { display: flex; flex-direction: column; }
#sheet .mk-th-m { display: flex; align-items: center; gap: 8px; min-height: 44px; border-top: 1px solid var(--line); font-size: var(--fs-4); }
#sheet .mk-th-m:first-child { border-top: 0; }
#sheet .mk-th-m .nm { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#sheet .mk-th-m .sv-pill { flex: none; font-size: var(--fs-2); }
#sheet .mk-th-m .v { margin-left: auto; flex: none; font-weight: 600; font-variant-numeric: tabular-nums; }
#sheet .mk-th-f { margin-top: 10px; }