body {
  background:
    radial-gradient(130% 55% at 50% -12%, rgba(47, 107, 235, .07), rgba(47, 107, 235, 0) 62%),
    var(--bg);
  background-attachment: fixed;
  font-size: var(--fs-4);
  line-height: 1.5;
}
:root[data-theme="dark"] body {
  background:
    radial-gradient(130% 55% at 50% -12%, rgba(110, 150, 255, .13), rgba(110, 150, 255, 0) 62%),
    var(--bg);
  background-attachment: fixed;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) body {
    background:
      radial-gradient(130% 55% at 50% -12%, rgba(110, 150, 255, .13), rgba(110, 150, 255, 0) 62%),
      var(--bg);
    background-attachment: fixed;
  }
}
.top-title { font-size: var(--fs-6); font-weight: 700; letter-spacing: -0.02em; }
.icon-btn { min-width: 44px; height: 44px; color: var(--text); }
.tabbar { border-top: 1px solid var(--rim); box-shadow: 0 -10px 30px -22px rgba(0, 0, 0, .5); }
.tab { font-size: var(--fs-1); color: var(--faint); }
.tab[aria-current="page"] { color: var(--text); font-weight: 700; }
.tab[aria-current="page"] svg, .tab[aria-current="page"] .ti { filter: drop-shadow(0 3px 6px rgba(47, 107, 235, .35)); }
.sv-tile, .card {
  background: var(--card-grad);
  box-shadow: inset 0 0 0 1px var(--rim), var(--sh-2);
}
a.sv-tile:hover, button.sv-tile:hover { background: var(--card-2); }
.sv-dash { background: transparent; box-shadow: none; }
a.sv-tile, button.sv-tile, .tap, .tz-row {
  transition: transform .2s cubic-bezier(.2, .8, .2, 1), box-shadow .2s, background-color .2s;
}
a.sv-tile:active, button.sv-tile:active { transform: scale(.965); box-shadow: inset 0 0 0 1px var(--rim), var(--sh-1); }
.sv-date { font-size: var(--fs-2); color: var(--muted); }
.sv-title { font-size: var(--fs-11); font-weight: 800; letter-spacing: -0.04em; }
.sv-sec { font-size: var(--fs-7); font-weight: 800; letter-spacing: -0.035em; }
.sv-sec small { font-size: var(--fs-2); }
.hb-card {
  position: relative; overflow: hidden; isolation: isolate;
  min-height: 172px; padding: 18px 16px 16px; gap: 4px; border-radius: var(--r-lg);
}
.hb-card::before {
  content: ""; position: absolute; z-index: -1; top: -46px; left: -46px; width: 150px; height: 150px; border-radius: 50%;
  background: radial-gradient(closest-side, var(--hb-c, rgba(47, 107, 235, .5)), transparent);
  opacity: .16; pointer-events: none;
}
.hb-card[data-hub="picks"]   { --hb-c: #2F6BEB; }
.hb-card[data-hub="intra"]   { --hb-c: #FF5A4E; }
.hb-card[data-hub="themes"]  { --hb-c: #F5A300; }
.hb-card[data-hub="market"]  { --hb-c: #2E9BFF; }
.hb-card[data-hub="results"] { --hb-c: #22B35E; }
.hb-card[data-hub="stock"]   { --hb-c: #7B5CFF; }
.hb-card .sv-ic { --s: 52px; margin-bottom: 12px; }
.hb-nm { font-size: var(--fs-6); font-weight: 700; letter-spacing: -0.03em; line-height: 1.3; }
.hb-d { font-size: var(--fs-2); line-height: 1.4; }
.hb-v { font-size: var(--fs-3); font-weight: 700; padding-top: 12px; line-height: 1.35; }
.hb-card:active { transform: scale(.96); }
.sv-ic.tz3 { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -6px 10px -5px rgba(0, 0, 0, .14), 0 10px 16px -10px var(--ic-fg, rgba(0, 0, 0, .45)); }
:root[data-theme="dark"] .sv-ic.tz3 { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), inset 0 -6px 10px -5px rgba(0, 0, 0, .35), 0 10px 18px -10px rgba(0, 0, 0, .9); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .sv-ic.tz3 { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), inset 0 -6px 10px -5px rgba(0, 0, 0, .35), 0 10px 18px -10px rgba(0, 0, 0, .9); }
}
.tz-intro { font-size: var(--fs-2); min-height: 40px; padding: 0 14px; background: var(--card); box-shadow: inset 0 0 0 1px var(--rim), var(--sh-1); color: var(--text); }
.tz-q { position: relative; width: 30px; height: 30px; font-size: var(--fs-2); background: var(--card-2); color: var(--text); box-shadow: inset 0 0 0 1px var(--rim); }
.tz-q::after { content: ""; position: absolute; inset: -7px; }
.sv-seg-b { min-height: 40px; }
.sv-seg-b.on { box-shadow: var(--sh-1); }
.tz-row .nm { font-weight: 700; letter-spacing: -0.02em; }
.sheet { background: var(--card-grad); box-shadow: 0 -18px 50px -20px rgba(0, 0, 0, .55); }
.sheet-title { font-size: var(--fs-8); font-weight: 800; }
.foot .notice { font-size: var(--fs-1); }
body .ctv-tag { font-size: var(--fs-1); line-height: 20px; }
body .mz-al-band span { font-size: var(--fs-2); }
@media (prefers-reduced-motion: reduce) {
  a.sv-tile, button.sv-tile, .tap, .tz-row, .hb-card { transition: none; }
  a.sv-tile:active, button.sv-tile:active, .hb-card:active { transform: none; }
}
#view .tz-row .nm { flex-wrap: wrap; align-items: baseline; column-gap: 6px; row-gap: 0; }
#view .tz-row .nm > .t { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
#view .tz-row .nm .tz-thm { max-width: 100%; margin-left: 0; font-size: var(--fs-2); font-weight: 400; white-space: normal; overflow: visible; text-overflow: clip; }
.hb-card {
  background:
    linear-gradient(155deg, color-mix(in srgb, var(--hb-c) 20%, transparent) 0%, color-mix(in srgb, var(--hb-c) 6%, transparent) 55%, transparent 100%),
    var(--card-grad);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--hb-c) 30%, var(--rim)), inset 0 1px 0 var(--hi), var(--sh-2);
}
:root[data-theme="dark"] .hb-card {
  background:
    linear-gradient(155deg, color-mix(in srgb, var(--hb-c) 30%, transparent) 0%, color-mix(in srgb, var(--hb-c) 9%, transparent) 55%, transparent 100%),
    var(--card-grad);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .hb-card {
    background:
      linear-gradient(155deg, color-mix(in srgb, var(--hb-c) 30%, transparent) 0%, color-mix(in srgb, var(--hb-c) 9%, transparent) 55%, transparent 100%),
      var(--card-grad);
  }
}
.hb-card::before { opacity: .28; }
a.hb-card:hover { filter: brightness(1.06); }
.hb-card .sv-ic { --s: 56px; }
.hb-nm { font-size: var(--fs-6); font-weight: 800; }
.sv-title { font-weight: 800; }
.sv-sec { font-size: var(--fs-8); }
.sv-sec small { font-weight: 500; }
.sk-big { font-size: 36px; font-weight: 800; letter-spacing: -0.04em; }
.tz-big, #view .tz-ncard .sv-tile :is(.tz-big, .tz-big [data-cu]) { font-size: 48px; font-weight: 800; }
#view .sw-card :is(.sw-big .v, .sw-big .v [data-cu]) { font-size: 48px; font-weight: 800; }
#view .rv-sum :is(.rv-cbig, .rv-cbig b) { font-size: 44px; font-weight: 800; }
#view .sv-char :is(.big, .big [data-cu]) { font-weight: 800; }
.mk-big, .sv-q-v b, .sk-cmp b { font-weight: 800; }
@media (max-width: 340px) {
  .tz-big, #view .tz-ncard .sv-tile :is(.tz-big, .tz-big [data-cu]), #view .sw-card :is(.sw-big .v, .sw-big .v [data-cu]) { font-size: 40px; }
  .sk-big { font-size: 32px; }
  .sv-title { font-size: var(--fs-9); }
}
.tz-list { background: var(--card-grad); box-shadow: inset 0 0 0 1px var(--rim), var(--sh-2); padding: 4px 6px; }
.tz-row { padding-top: 16px; padding-bottom: 16px; border-radius: 16px; }
.tz-list .tz-row + .tz-row { position: relative; }
.tz-list .tz-row + .tz-row::before { content: ""; position: absolute; top: 0; left: 12px; right: 12px; height: 1px; background: var(--line); pointer-events: none; }
.tz-row .nm { font-size: var(--fs-4); }
.tz-stack .sv-ic { box-shadow: 0 0 0 2px var(--card), 0 6px 12px -6px rgba(0, 0, 0, .5); }
.sv-row { background: var(--card-grad); box-shadow: inset 0 0 0 1px var(--rim), var(--sh-1); }
.icon-btn .ti, .tab .ti { font-size: 24px; }
.hb-d { text-wrap: balance; }
.topbar { background: color-mix(in srgb, var(--bg) 62%, transparent); }
.sk-find { width: 44px; height: 44px; background: var(--card); color: var(--text); box-shadow: inset 0 0 0 1px var(--rim), var(--sh-1); }
.sk-find svg { width: 20px; height: 20px; }
.sk-top:has(> .sk-sub .up) {
  background: linear-gradient(160deg, color-mix(in srgb, var(--up) 16%, transparent) 0%, color-mix(in srgb, var(--up) 4%, transparent) 50%, transparent 100%), var(--card-grad);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--up) 28%, var(--rim)), var(--sh-2);
}
.sk-top:has(> .sk-sub .down) {
  background: linear-gradient(160deg, color-mix(in srgb, var(--down) 16%, transparent) 0%, color-mix(in srgb, var(--down) 4%, transparent) 50%, transparent 100%), var(--card-grad);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--down) 28%, var(--rim)), var(--sh-2);
}
.sk-sub { font-size: var(--fs-2); }
.sk-top > .sk-sub { font-size: var(--fs-3); }
.sk-a-sum, .sk-a-mkt { white-space: normal; overflow: visible; text-overflow: clip; }
.sk-a-sum { font-size: var(--fs-6); font-weight: 700; }
.sk-a-h { font-size: var(--fs-2); font-weight: 600; margin-top: 16px; margin-bottom: 6px; }
.sk-a-li { font-size: var(--fs-3); padding: 10px 12px; margin: 0 0 6px; border-radius: 12px; border-left: 4px solid var(--line); background: var(--card-2); }
.sk-a-li:has(.sk-a-ic.g) { border-left-color: var(--up); background: color-mix(in srgb, var(--up) 9%, var(--card)); }
.sk-a-li:has(svg.sk-a-ic.b) { border-left-color: var(--warn); background: color-mix(in srgb, var(--warn) 10%, var(--card)); }
.sk-a-li .sk-a-ic { margin-top: 4px; }
.sk-o-row { gap: 14px; padding: 16px 0; }
.sk-o-row > .sv-ic { --s: 48px; }
.sk-o-n { font-size: var(--fs-3); font-weight: 600; }
.sk-o-st { font-size: var(--fs-2); font-weight: 700; padding: 5px 12px; background: var(--neutral-bg); color: var(--muted); box-shadow: inset 0 0 0 1px var(--rim); }
.sk-o-st.yes { background: var(--ok-bg); color: var(--ok); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--ok) 55%, transparent); }
.sk-o-st.yes::before { content: "✓ "; }
.sk-o-say { font-size: var(--fs-4); font-weight: 700; }
.sk-o-lead { font-size: var(--fs-6); font-weight: 700; }
.sk-h { font-size: var(--fs-6); }
.sk-verdict { font-weight: 800; }
.mx-grid { gap: 6px; }
.mx-c { padding: 10px 8px 8px; background: var(--card-2); box-shadow: inset 0 0 0 1px var(--rim); }
.mx-v { font-size: var(--fs-5); letter-spacing: -0.045em; }
#view .sv-rows, .it-tile, .sk-card, .sv-fold > summary, .sv-q, .sv-stat, .tz-ncard {
  background: var(--card-grad);
  box-shadow: inset 0 0 0 1px var(--rim), var(--sh-2);
}
.sk-chip { background: var(--card-grad); box-shadow: inset 0 0 0 1px var(--rim), var(--sh-1); }
.sv-what { font-size: var(--fs-2); padding: 12px 14px 12px 16px; border-radius: 16px; border-left: 4px solid var(--info);
  background: color-mix(in srgb, var(--info) 12%, var(--card)); color: var(--text); }
.sv-what b { color: var(--info); font-weight: 700; }
.it-list .it-srow + .it-srow, .it-list .it-rowb + .it-rowb { position: relative; }
.it-list .it-srow + .it-srow::before, .it-list .it-rowb + .it-rowb::before { content: ""; position: absolute; top: 0; left: 12px; right: 12px; height: 1px; background: var(--line); pointer-events: none; }
.it-srow:active { transform: scale(.98); }
.it-rk { font-weight: 800; }
.mk-th-b .nm { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; display: block; line-height: 1.3; }
.mk-th-r { gap: 6px; }
.mk-th-b { padding: 10px 8px 9px; box-shadow: inset 0 0 0 1px var(--rim); }
#sheet .mk-th-m .nm { white-space: normal; overflow: visible; text-overflow: clip; }
#view :is(.sv-row, .sv-q) .nm { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
#view :is(.sv-row, .sv-q) .nm .tz-thm { max-width: 100%; white-space: normal; overflow: visible; text-overflow: clip; vertical-align: baseline; }
:root { --c-rocket: #FF6A3D; --c-crown: #8B6CFF; --c-sunrise: #F5A300; --c-moon: #3D84FF; --c-fish: #1FB386; }
html body #view :is(.sv-sec, .it-sec, .sec-h) { position: relative; padding-left: 14px; }
html body #view :is(.sv-sec, .it-sec, .sec-h)::before { content: ""; position: absolute; left: 0; top: 50%; width: 5px; height: 1.05em; margin-top: -.55em; border-radius: 3px; background: linear-gradient(180deg, #7EA2FF, #2F6BEB); }
html body #view .it-sec .tl { font-size: var(--fs-8); font-weight: 800; }
html body #view .sec-h { font-size: var(--fs-8); font-weight: 800; }
html body #view .sv-tile { padding: 22px 20px; }
html body #view .tz-list { padding: 6px 8px; }
html body #view .tz-grp { display: flex; align-items: center; gap: 8px; font-size: var(--fs-3); font-weight: 800; color: var(--text); padding: 14px 10px 6px; }
html body #view .tz-grp > span { font-size: var(--fs-3); font-weight: 800; }
html body #view .tz-grp::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ok) 22%, transparent); flex: none; }
html body #view .tz-grp ~ .tz-grp { color: var(--muted); }
html body #view .tz-grp ~ .tz-grp > span { color: var(--muted); font-weight: 700; }
html body #view .tz-grp ~ .tz-grp::before { background: var(--faint); box-shadow: none; }
html body #view .tz-row .nm, html body #view .tz-row .nm .t { font-size: var(--fs-5); font-weight: 800; letter-spacing: -0.03em; }
html body #view .tz-row .nm .tz-thm { font-size: var(--fs-2); font-weight: 400; color: var(--muted); }
html body #view .tz-row .sub .tz-who-n, html body #view .tz-row .sub .tz-who-n .nw { font-size: var(--fs-3); font-weight: 700; color: var(--text); }
html body #view .tz-row .tz-tm { font-size: var(--fs-1); font-weight: 600; color: var(--muted); background: var(--neutral-bg); border-radius: 8px; padding: 1px 7px; }
html body #view .tz-row .tz-wt .k { font-size: var(--fs-1); color: var(--muted); }
html body #view .tz-row .tz-wt .tz-wait { font-size: var(--fs-3); font-weight: 800; color: var(--text); }
html body #view .tz-row .tz-wt .tz-wait svg { color: var(--accent); }
html body #view .mk-when .tz-cd b, html body #view .mk-when .wt2 b { font-size: var(--fs-3); font-weight: 800; }
html body #view .tz-list .tz-row { position: relative; }
html body #view .tz-list .tz-row::after { content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 4px; border-radius: 3px; background: var(--row-c, transparent); pointer-events: none; }
html body #view .tz-row:has(.sv-ic use[href="#tz-fish-hook"]) { --row-c: var(--c-fish); }
html body #view .tz-row:has(.sv-ic use[href="#tz-moon"]) { --row-c: var(--c-moon); }
html body #view .tz-row:has(.sv-ic use[href="#tz-sunrise"]) { --row-c: var(--c-sunrise); }
html body #view .tz-row:has(.sv-ic use[href="#tz-crown"]) { --row-c: var(--c-crown); }
html body #view .tz-row:has(.sv-ic use[href="#tz-rocket"]) { --row-c: var(--c-rocket); }
html body #view .tz-row .tz-stack .sv-ic, html body #view .tz-row > .sv-ic { --s: 38px; }
html body #view .tz-row .tz-stack { width: calc(38px + (var(--n, 1) - 1) * 16px); }
html body #view .tz-row .tz-stack .sv-ic + .sv-ic { margin-left: -22px; }
html body #view .tz-grp ~ .tz-grp ~ .tz-row, html body #view .tz-cant-rest .tz-row { opacity: .78; }
html body #view .tz-grp ~ .tz-grp ~ .tz-row .nm .t, html body #view .tz-cant-rest .tz-row .nm .t { font-size: var(--fs-4); font-weight: 700; }
html body #view .tz-row .val, html body #view .tz-row .val [data-cu] { font-size: var(--fs-8); font-weight: 800; letter-spacing: -0.03em; }
html body #view .tz-row .val .tz-mx, html body #view .tz-row .val small { font-size: var(--fs-1); font-weight: 500; color: var(--muted); }
html body #view .tz-row .val.tz-off, html body #view .tz-row .val.tz-off [data-cu] { font-size: var(--fs-3); font-weight: 500; color: var(--muted); }
html body #view .sv-sum .sv-ring, html body #view .sv-sum .sv-ring svg { width: 104px; height: 104px; }
html body #view .sv-sum :is(.sv-ring .lbl, .sv-ring .lbl [data-cu]) { font-size: var(--fs-10); font-weight: 800; }
html body #view .sv-sum .sv-ring .lbl small { font-size: var(--fs-3); font-weight: 600; }
html body #view .sv-sum .sv-sum-t { font-size: var(--fs-8); font-weight: 800; letter-spacing: -0.035em; line-height: 1.3; }
html body #view .sv-sum .sv-okc { color: var(--ok); font-weight: 700; }
html body #view .sv-sum { background: linear-gradient(160deg, color-mix(in srgb, var(--ok) 14%, transparent), transparent 60%), var(--card-grad); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ok) 26%, var(--rim)), var(--sh-2); }
html body #view .sv-grp-h { padding-bottom: 12px; margin-bottom: 4px; border-bottom: 1px solid var(--line); }
html body #view .sv-grp-h .nm { font-size: var(--fs-6); font-weight: 800; }
html body #view .sv-grp-h .sv-ic { --s: 40px; }
html body #view .sv-row .nm { font-size: var(--fs-5); font-weight: 800; letter-spacing: -0.03em; }
html body #view .sv-row .why { font-size: var(--fs-2); color: var(--muted); }
html body #view .sv-row .pct, html body #view .sv-row .pct [data-cu] { font-size: var(--fs-8); font-weight: 800; letter-spacing: -0.03em; }
html body #view .sv-row .pct .tz-mx { font-size: var(--fs-1); font-weight: 500; color: var(--muted); }
html body #view .sv-row .pct.tz-off, html body #view .sv-row .pct.tz-off [data-cu] { font-size: var(--fs-3); font-weight: 500; color: var(--muted); }
html body #view :is(.sv-row, .tz-row) .tz-mk { width: 40px; height: 40px; }
html body #view :is(.sv-row, .tz-row) .tz-mk svg { width: 22px; height: 22px; }
html body #view :is(.sv-row, .tz-row) .tz-mk.ok { background: color-mix(in srgb, var(--ok) 22%, transparent); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--ok) 60%, transparent); }
html body #view :is(.sv-row, .tz-row) .mk-hit { display: inline-flex; align-items: center; font-size: var(--fs-1); font-weight: 700; color: var(--ok); background: var(--ok-bg); border-radius: 999px; padding: 2px 9px; margin-top: 4px; }
html body #view .sv-row { padding: 16px; }
html body #view .rv-dhead { font-size: var(--fs-4); font-weight: 800; padding: 10px 4px 6px; border-bottom: 2px solid var(--line); }
html body #view .rv-row .rv-name { font-size: var(--fs-5); font-weight: 800; }
html body #view .rv-row .g3 b, html body #view .rv-row .g3 b * { font-size: var(--fs-7); font-weight: 800; }
html body #view .rv-row .g3 .k, html body #view .rv-row .g2 .k { font-size: var(--fs-1); color: var(--muted); }
html body #view .rv-sum.rv-cust h2 { font-size: var(--fs-7); font-weight: 800; }
html body #view .card .rv-rank { grid-template-columns: 36px minmax(0, 1fr) auto; padding: 14px 0; }
html body #view .card .rv-rank .no { width: 30px; height: 30px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--neutral-bg); color: var(--text); font-weight: 800; font-size: var(--fs-2); }
html body #view .card .rv-rank:nth-of-type(1) .no { background: linear-gradient(160deg, #FFE38A, #E0A100); color: #4A3300; }
html body #view .card .rv-rank:nth-of-type(2) .no { background: linear-gradient(160deg, #F1F4F8, #A7B1BF); color: #2A313B; }
html body #view .card .rv-rank:nth-of-type(3) .no { background: linear-gradient(160deg, #F6C9A0, #B8672A); color: #3A1D05; }
html body #view .card .rv-rank .nm > a { font-size: var(--fs-5); font-weight: 800; }
html body #view .card .rv-rank :is(.val, .val span) { font-size: var(--fs-7); font-weight: 800; }
html body #view .card .rv-rank .val small { font-size: var(--fs-1); }
html body #view .rv-lchips .chip-btn { min-height: 44px; }
html body #view .tz-prow2 { padding: 16px 4px; }
html body #view .tz-prow2 .nm { font-size: var(--fs-5); font-weight: 800; }
html body #view .tz-prow2 .tz-pv, html body #view .tz-prow2 .tz-pv [data-cu] { font-size: var(--fs-9); font-weight: 800; color: var(--ok); letter-spacing: -0.03em; }
html body #view .tz-prow2 .tz-pv small { font-size: var(--fs-1); font-weight: 500; color: var(--muted); }
html body #view .tz-prow2 .tz-psub { font-size: var(--fs-1); color: var(--muted); }
html body #view .tz-prow2.tz-pall { background: color-mix(in srgb, var(--ok) 10%, transparent); border-radius: 16px; padding: 16px 12px; margin: 6px -6px; }
html body #view .tz-prow2 .tz-pbar { grid-column: 1 / 4; height: 12px; margin-top: 4px; border-radius: 999px; background: var(--track); position: relative; overflow: visible; }
html body #view .tz-prow2 .tz-pbar i { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #2E9E66, #5FD394); transform-origin: left; animation: tz-grow .9s cubic-bezier(.2, .8, .2, 1) .2s backwards; }
html body #view .tz-prow2 .tz-pbar em { position: absolute; top: -4px; bottom: -4px; width: 3px; margin-left: -1.5px; border-radius: 2px; background: var(--text); opacity: .75; }
html body #view .it-tile .v { font-size: var(--fs-7); font-weight: 800; }
html body #view .it-tile.it-next .v { font-size: var(--fs-8); font-weight: 800; }
html body #view .it-tile.it-next { background: linear-gradient(160deg, color-mix(in srgb, #FF5A4E 16%, transparent), transparent 60%), var(--card-grad); box-shadow: inset 0 0 0 1px color-mix(in srgb, #FF5A4E 26%, var(--rim)), var(--sh-2); }
html body #view .it-list.it-tile { background: transparent; box-shadow: none; padding: 0; }
html body #view .it-list .it-row.it-rowb, html body #view .it-list > .it-srow { background: var(--card-grad); box-shadow: inset 0 0 0 1px var(--rim), var(--sh-1); border-radius: 18px; margin: 0 0 10px; }
html body #view .it-list > .it-srow { padding: 14px 12px; }
html body #view .it-list .it-srow + .it-srow::before, html body #view .it-list .it-rowb + .it-rowb::before { display: none; }
html body #view .it-rk { width: 32px; height: 32px; line-height: 32px; font-size: var(--fs-3); font-weight: 800; color: var(--text); background: linear-gradient(160deg, color-mix(in srgb, #FF5A4E 35%, var(--card-2)), var(--card-2)); }
html body #view .it-nm b { font-size: var(--fs-5); font-weight: 800; letter-spacing: -0.03em; }
html body #view .it-nm small { font-size: var(--fs-1); }
html body #view .it-nv .pc { font-size: var(--fs-8); font-weight: 800; }
html body #view .it-nv .up { font-size: var(--fs-1); }
html body #view .it-nk { font-size: var(--fs-1); color: var(--muted); }
html body #view .it-pl { font-size: var(--fs-1); }
html body #view .th-h { gap: 10px; padding: 10px 6px 8px; align-items: center; }
html body #view .th-nm { font-size: var(--fs-7); font-weight: 800; letter-spacing: -0.03em; }
html body #view .th-s { font-size: var(--fs-1); color: var(--muted); }
html body #view .th-rk { width: 34px; height: 34px; border-radius: 50%; font-size: var(--fs-3); font-weight: 800; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), 0 4px 10px -4px rgba(0, 0, 0, .5); }
html body #view .th-blk:nth-of-type(1) .th-rk { background: linear-gradient(160deg, #FFE38A, #E0A100); color: #4A3300; }
html body #view .th-blk:nth-of-type(2) .th-rk { background: linear-gradient(160deg, #F1F4F8, #A7B1BF); color: #2A313B; }
html body #view .th-blk:nth-of-type(3) .th-rk { background: linear-gradient(160deg, #F6C9A0, #B8672A); color: #3A1D05; }
html body #view .th-blk:nth-of-type(1) { box-shadow: inset 0 0 0 1px color-mix(in srgb, #E0A100 45%, var(--rim)), var(--sh-2); }
html body #view .th-ret { font-size: var(--fs-6); font-weight: 800; color: var(--text); }
html body #view .mk-hd .t { font-size: var(--fs-6); font-weight: 800; }
html body #view .mk-bx .mk-v { font-size: var(--fs-10); font-weight: 800; letter-spacing: -0.04em; }
html body #view .mk-bx:has(.mk-v.c-down) { background: linear-gradient(160deg, color-mix(in srgb, var(--down) 18%, transparent), transparent 70%), var(--card-2); }
html body #view .mk-bx:has(.mk-v.c-up) { background: linear-gradient(160deg, color-mix(in srgb, var(--up) 18%, transparent), transparent 70%), var(--card-2); }
html body #view .mk-i-h .mk-chg { font-size: var(--fs-7); font-weight: 800; }
html body #view .mk-i-h .nm { font-size: var(--fs-3); font-weight: 700; color: var(--text); }
html body #view .mk-i .mk-i-v { font-size: var(--fs-3); }
html body #view .mk-th-b .v { font-size: var(--fs-6); font-weight: 800; }
html body #view .mk-th-b .nm { font-size: var(--fs-2); font-weight: 700; }
html body #sheet .sheet-title { font-size: var(--fs-9); font-weight: 800; letter-spacing: -0.035em; }
html body #sheet .sheet-title .code { font-size: var(--fs-2); color: var(--muted); font-weight: 500; }
html body #sheet .sheet-body > p, html body #sheet .sheet-body li { font-size: var(--fs-3); line-height: 1.55; }
html body #sheet .tz-sh-h { position: relative; margin-top: 22px; padding: 16px 0 6px 14px; border-top: 1px solid var(--line); font-size: var(--fs-4); font-weight: 800; color: var(--text); }
html body #sheet .tz-sh-h > span:first-child { font-size: var(--fs-4); font-weight: 800; }
html body #sheet .tz-sh-h::before { content: ""; position: absolute; left: 0; top: 19px; width: 5px; height: 1.05em; border-radius: 3px; background: linear-gradient(180deg, #7EA2FF, #2F6BEB); }
html body #sheet .tz-kv > b { font-size: var(--fs-6); font-weight: 800; }
html body #sheet .tz-wait { font-size: var(--fs-5); font-weight: 800; }
html body #sheet .tz-who .tx b { font-size: var(--fs-4); font-weight: 800; }
html body #view .tz-grp { justify-content: flex-start; text-align: left; }
html body #view .tz-row .tz-stack { width: calc(38px + (var(--n, 1) - 1) * 24px); }
html body #view .tz-row .tz-stack .sv-ic + .sv-ic { margin-left: -14px; }
html body #view .tz-prow2 .nm { white-space: normal; overflow: visible; text-overflow: clip; }
html body #view .tz-prow2 .nm small { display: block; margin-left: 0; font-size: var(--fs-1); }
html body #view .tz-list .nw-more { padding: 10px 16px; min-height: 44px; border-radius: 14px; }
html body #view .th-h .th-s { flex-basis: 100%; text-align: left; padding-left: 44px; }
html body #view .mk-tile.mk-tile .mk-hd .t { font-size: var(--fs-6); font-weight: 800; color: var(--text); }
html body #view .mk-tile.mk-tile .mk-hd .bs { font-size: var(--fs-1); color: var(--muted); }
html body #view .mk-tile.mk-tile .mk-th-h { font-size: var(--fs-2); font-weight: 700; color: var(--text); }
html body #view .tz-row .sub .t.tz-who-n { white-space: normal; overflow: visible; text-overflow: clip; }
html body #view .sv-row .why, html body #view .sv-row .tags .sv-pill { white-space: normal; overflow: visible; text-overflow: clip; }
@media (max-width: 340px) {
  html body #view .sv-row { padding: 14px 10px; gap: 8px; }
  html body #view :is(.sv-row, .tz-row) .tz-mk { width: 34px; height: 34px; }
  html body #view .sv-tile { padding: 20px 14px; }
}
html body #sheet .tz-sh-h:first-child { margin-top: 0; border-top: 0; padding-top: 2px; }
html body #sheet .tz-sh-h:first-child::before { top: 5px; }
html body #view .card.rv-sum.rv-cust .rv-sum-head h2 { font-size: var(--fs-7); font-weight: 800; }
html body #view .card.rv-sum.rv-cust .rv-sum-head .sv-ic { --s: 52px; }
html body #view .card.rv-sum.rv-cust .rv-what { font-size: var(--fs-2); color: var(--text); }
html body #view .mk-tile.mk-tile .mk-i-h .mk-chg { font-size: var(--fs-7); font-weight: 800; }
html body #view .mk-tile.mk-tile .mk-i-h .nm { font-size: var(--fs-3); font-weight: 700; color: var(--text); }
html body #view .mk-tile.mk-tile .mk-i .mk-i-v { font-size: var(--fs-3); font-weight: 600; }
html body #view .mk-tile.mk-tile .mk-bx .mk-v { font-size: var(--fs-10); font-weight: 800; }
html body #view .mk-tile.mk-tile .mk-th-b .v { font-size: var(--fs-6); font-weight: 800; }
html body #view .mk-tile.mk-tile .mk-i-h { flex-direction: column; align-items: flex-start; gap: 2px; }
html body #view .sk-top > .sk-sub :is(.up, .down) { font-size: var(--fs-6); font-weight: 800; }
html body #view .sk-big { font-size: 40px; }
html body #view .mx-n { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.3; }
@media (max-width: 360px) { html body #view .mx-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }