:root {
  --bg: #F4F5F7;
  --card: #FFFFFF;
  --card-2: #F8F9FA;
  --text: #1A1C20;
  --muted: #4F5663;
  --faint: #5C6370;
  --line: #E6E8EC;
  --accent: #2F6BEB;
  --on-accent: #FFFFFF;
  --up: #E5383B;
  --down: #2F6BEB;
  --ok-bg: #E6F6EC;  --ok: #16884A;  --ok-2: #4CC38A;
  --bad-bg: #FDECEC; --bad: #C2292E;
  --warn-bg: #FFF5DA; --warn: #8A5A00;
  --info-bg: #EAF0FE; --info: #2F5BC7;
  --neutral-bg: #EEF0F3; --neutral: #3D4450;
  --lim-bg: #FDECEC; --lim: #C2292E;
  --ring: #16884A;
  --track: #ECEEF1;
  --seg-on: #FFFFFF;
  --glass: rgba(244, 245, 247, .86);
  --glass-tab: rgba(255, 255, 255, .9);
  --skel: #E9EBEF; --skel-hi: #F3F4F6;
  --shadow: 0 1px 2px rgba(17, 24, 39, .05), 0 10px 26px -18px rgba(17, 24, 39, .24);
  --shadow-sm: 0 1px 2px rgba(17, 24, 39, .06);
  --backdrop: rgba(10, 12, 16, .42);
  --r-tile: 22px;
  --gap: 12px;
  --fs-1: 14px;  --fs-2: 15px;  --fs-3: 17px;  --fs-4: 17px;  --fs-5: 19px;  --fs-6: 20px;
  --fs-7: 22px;  --fs-8: 25px;  --fs-9: 28px;  --fs-10: 34px; --fs-11: 36px;
  --card-grad: linear-gradient(180deg, #FFFFFF 0%, #FBFBFD 100%);
  --rim: rgba(17, 24, 39, .06);
  --hi: rgba(255, 255, 255, .9);
  --sh-1: 0 1px 2px rgba(17, 24, 39, .06), 0 2px 6px -2px rgba(17, 24, 39, .06);
  --sh-2: 0 1px 2px rgba(17, 24, 39, .05), 0 12px 28px -14px rgba(17, 24, 39, .22);
  --sh-3: 0 2px 4px rgba(17, 24, 39, .06), 0 22px 44px -18px rgba(17, 24, 39, .32);
  --r-sm: 12px; --r-md: 16px; --r-lg: 24px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0C0E12; --card: #181B22; --card-2: #20242D; --text: #F5F7FA; --muted: #C4C9D3; --faint: #A9B0BB;
    --line: #2A2F39; --accent: #7EA2FF; --on-accent: #0F1115; --up: #FF6B6B; --down: #7EA2FF;
    --ok-bg: #12301F; --ok: #5FD394; --ok-2: #2E9E66; --bad-bg: #3A1715; --bad: #FF8A80; --warn-bg: #3A2E0C; --warn: #FFD166;
    --info-bg: #16213B; --info: #9DB8FF; --neutral-bg: #26282E; --neutral: #D3D9E2; --lim-bg: #3A1715; --lim: #FF8A80;
    --ring: #5FD394; --track: #2A2C32; --seg-on: #3A3C43; --glass: rgba(12, 14, 18, .82); --glass-tab: rgba(20, 23, 29, .9);
    --skel: #1E222A; --skel-hi: #282D36; --shadow: 0 0 0 1px rgba(255, 255, 255, .06), 0 14px 30px -16px rgba(0, 0, 0, .8); --shadow-sm: 0 0 0 1px rgba(255, 255, 255, .05); --backdrop: rgba(0, 0, 0, .62);
    --card-grad: linear-gradient(180deg, #1D212A 0%, #171A21 100%); --rim: rgba(255, 255, 255, .07); --hi: rgba(255, 255, 255, .06);
    --sh-1: 0 0 0 1px rgba(255, 255, 255, .05); --sh-2: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 14px 30px -16px rgba(0, 0, 0, .85); --sh-3: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 24px 48px -18px rgba(0, 0, 0, .9);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #0C0E12; --card: #181B22; --card-2: #20242D; --text: #F5F7FA; --muted: #C4C9D3; --faint: #A9B0BB;
  --line: #2A2F39; --accent: #7EA2FF; --on-accent: #0F1115; --up: #FF6B6B; --down: #7EA2FF;
  --ok-bg: #12301F; --ok: #5FD394; --ok-2: #2E9E66; --bad-bg: #3A1715; --bad: #FF8A80; --warn-bg: #3A2E0C; --warn: #FFD166;
  --info-bg: #16213B; --info: #9DB8FF; --neutral-bg: #26282E; --neutral: #D3D9E2; --lim-bg: #3A1715; --lim: #FF8A80;
  --ring: #5FD394; --track: #2A2C32; --seg-on: #3A3C43; --glass: rgba(12, 14, 18, .82); --glass-tab: rgba(20, 23, 29, .9);
  --skel: #1E222A; --skel-hi: #282D36; --shadow: 0 0 0 1px rgba(255, 255, 255, .06), 0 14px 30px -16px rgba(0, 0, 0, .8); --shadow-sm: 0 0 0 1px rgba(255, 255, 255, .05); --backdrop: rgba(0, 0, 0, .62);
  --card-grad: linear-gradient(180deg, #1D212A 0%, #171A21 100%); --rim: rgba(255, 255, 255, .07); --hi: rgba(255, 255, 255, .06);
  --sh-1: 0 0 0 1px rgba(255, 255, 255, .05); --sh-2: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 14px 30px -16px rgba(0, 0, 0, .85); --sh-3: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 24px 48px -18px rgba(0, 0, 0, .9);
  color-scheme: dark;
}
body {
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  font-size: var(--fs-4); line-height: 1.5; letter-spacing: -0.01em;
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
}
b, strong, h1, h2, h3, th { font-weight: 600; }
.ti { display: none; font-style: normal; line-height: 1; }
.fb { display: inline-block; }
.sv-ti-ok .ti { display: inline-block; }
.sv-ti-ok .fb { display: none !important; }
.icon-btn .ti, .tab .ti { font-size: var(--fs-9); }
.icon-btn svg.fb, .tab svg.fb { width: 24px; height: 24px; }
.topbar { background: var(--glass); border-bottom: 0; -webkit-backdrop-filter: saturate(1.6) blur(14px); backdrop-filter: saturate(1.6) blur(14px); }
.topbar-inner { max-width: 520px; min-height: 52px; padding: 0 8px 0 12px; }
.top-title { font-size: var(--fs-6); font-weight: 600; }
.icon-btn { border-radius: 999px; min-width: 40px; height: 40px; color: var(--muted); transition: transform .18s cubic-bezier(.2, .8, .2, 1); }
.icon-btn:hover { background: var(--card); }
.icon-btn:active { transform: scale(.9); }
.view { max-width: 520px; padding: 4px 16px calc(96px + env(safe-area-inset-bottom, 0px)); }
.tabbar { background: var(--glass-tab); border-top: 1px solid var(--line); -webkit-backdrop-filter: saturate(1.6) blur(16px); backdrop-filter: saturate(1.6) blur(16px); }
.tabbar-inner { max-width: 520px; min-height: 62px; }
.tab { font-size: var(--fs-1); font-weight: 400; gap: 3px; color: var(--faint); transition: color .2s; }
.tab[aria-current="page"] { color: var(--text); font-weight: 600; }
.tab[aria-current="page"] svg, .tab[aria-current="page"] .ti { animation: tz-pop .45s cubic-bezier(.3, 1.6, .5, 1); }
.card { border-radius: var(--r-tile); border: 1px solid transparent; box-shadow: var(--shadow); margin: var(--gap) 0; }
.card-h { font-size: var(--fs-4); font-weight: 600; }
.sec-h { font-size: var(--fs-6); font-weight: 700; letter-spacing: -0.02em; }
.band { border-radius: 16px; font-size: var(--fs-3); }
.btn { border-radius: 16px; font-weight: 600; min-height: 46px; font-size: var(--fs-4); border-color: transparent; background: var(--card); box-shadow: var(--shadow-sm); transition: transform .18s cubic-bezier(.2, .8, .2, 1); }
.btn:active { transform: scale(.97); }
.btn-primary { border-radius: 16px; font-weight: 600; font-size: var(--fs-5); }
.chip-btn { border-color: transparent; background: var(--card); box-shadow: var(--shadow-sm); transition: transform .18s cubic-bezier(.2, .8, .2, 1); }
.chip-btn:active { transform: scale(.96); }
.skel { border-radius: var(--r-tile); background: var(--skel); background-size: auto; animation: sv-pulse 1.4s ease-in-out infinite; }
@keyframes sv-pulse { 50% { opacity: .55; } }
.foot { border-top: 0; margin-top: 28px; padding-top: 4px; }
.foot .notice { font-weight: 400; font-size: var(--fs-2); color: var(--muted); }
.foot .src { font-size: var(--fs-2); color: var(--faint); }
.state h2 { font-size: var(--fs-6); font-weight: 600; }
.sheet { border-radius: 28px 28px 0 0; border: 0; padding: 8px 20px calc(18px + env(safe-area-inset-bottom, 0px)); transition: transform .34s cubic-bezier(.2, .8, .2, 1); }
.sheet-title { font-weight: 700; font-size: var(--fs-8); letter-spacing: -0.02em; }
.sheet-back { transition: opacity .25s; }
.sheet .btn-block { background: var(--neutral-bg); box-shadow: none; }
@keyframes tz-rise { from { opacity: 0; transform: translateY(16px); } }
@keyframes tz-fade { from { opacity: 0; } }
@keyframes tz-grow { from { transform: scaleX(0); } }
@keyframes tz-ring { from { stroke-dashoffset: var(--c); } }
@keyframes tz-pop { 0% { transform: scale(.6); } 60% { transform: scale(1.15); } 100% { transform: scale(1); } }
@keyframes tz-float { 0%, 100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-2.5px) rotate(-3deg); } }
@keyframes tz-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
.view > * { animation: tz-rise .55s cubic-bezier(.2, .8, .2, 1) backwards; }
.view > *:nth-child(2) { animation-delay: .05s; }
.view > *:nth-child(3) { animation-delay: .1s; }
.view > *:nth-child(4) { animation-delay: .15s; }
.view > *:nth-child(5) { animation-delay: .2s; }
.view > *:nth-child(6) { animation-delay: .25s; }
.view > *:nth-child(7) { animation-delay: .3s; }
.view > *:nth-child(8) { animation-delay: .35s; }
.view > *:nth-child(n+9) { animation-delay: .4s; }
.view > .sv-skel-wrap, .view > .loading { animation: none; }
.tz-list > *, .sv-rows > * { animation: tz-rise .5s cubic-bezier(.2, .8, .2, 1) backwards; animation-delay: calc(var(--i, 0) * 40ms + .12s); }
.mk-slot > *, .sw-live > *, .sw-live-sec > *, .sw-char-swing > *, .mk-tl-slot > *, .tz-hit > * { animation: tz-fade .45s ease-out backwards; }
.tap { cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform .2s cubic-bezier(.2, .8, .2, 1), background-color .2s; }
.tap:active, a.sv-tile:active, button.sv-tile:active { transform: scale(.97); }
.sv-head { padding: 10px 2px 6px; }
.sv-date { font-size: var(--fs-2); color: var(--muted); }
.sv-title { font-size: var(--fs-10); font-weight: 700; letter-spacing: -0.035em; margin-top: 2px; line-height: 1.25; }
.sv-head-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; }
.sv-sec { font-size: var(--fs-7); font-weight: 700; letter-spacing: -0.03em; margin: 30px 4px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.sv-sec small { font-size: var(--fs-2); font-weight: 400; color: var(--muted); letter-spacing: -0.01em; }
.sv-sec .tz-l { display: flex; align-items: baseline; gap: 6px; min-width: 0; flex-wrap: wrap; }
.tz-cnt { color: var(--accent); margin-left: 2px; }
.sv-tile {
  display: block; background: var(--card); border-radius: var(--r-tile); padding: 20px;
  color: var(--text); text-decoration: none; border: 0; box-shadow: var(--shadow);
  -webkit-tap-highlight-color: transparent; transition: transform .2s cubic-bezier(.2, .8, .2, 1), background-color .2s;
}
a.sv-tile:hover, button.sv-tile:hover { background: var(--card-2); }
.sv-tile + .sv-tile { margin-top: var(--gap); }
.sv-dash { background: transparent; box-shadow: none; border: 1.5px dashed var(--line); }
.sv-muted { color: var(--muted); }
.sv-faint { color: var(--faint); }
.sv-s { font-size: var(--fs-1); }
.sv-xs { font-size: var(--fs-1); }
.sv-num { font-variant-numeric: tabular-nums; }
.tz-gap { margin-top: var(--gap); }
.tz-fine { font-size: var(--fs-2); color: var(--muted); margin: 10px 2px 0; }
.tz-fine a { color: var(--accent); text-decoration: none; font-weight: 600; white-space: nowrap; }
.tz-q {
  width: 26px; height: 26px; flex: none; border-radius: 50%; border: 0; padding: 0; cursor: pointer;
  background: var(--neutral-bg); color: var(--muted); font: inherit; font-size: var(--fs-2); font-weight: 700; line-height: 1;
  display: inline-flex; align-items: center; justify-content: center; transition: transform .18s cubic-bezier(.2, .8, .2, 1);
}
.tz-q:active { transform: scale(.88); }
.tz-q:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.tz-cap { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: var(--fs-3); font-weight: 600; color: var(--muted); }
.sv-ic {
  --s: 40px;
  display: inline-flex; align-items: center; justify-content: center; flex: none; position: relative;
  width: var(--s); height: var(--s); border-radius: 999px;
  background: var(--ic-bg, var(--neutral-bg)); color: var(--ic-fg, var(--neutral));
  font-size: var(--fs-9); line-height: 1;
}
.sv-ic .fb { font-size: var(--fs-7); }
.sv-ic.lg { --s: 64px; font-size: 34px; }
.sv-ic.lg .fb { font-size: var(--fs-11); }
.sv-ic.sm { --s: 30px; font-size: var(--fs-5); }
.sv-ic.sm .fb { font-size: var(--fs-3); }
.sv-ic.xs { --s: 22px; font-size: var(--fs-1); }
.sv-ic.md { --s: 46px; }
.sv-ic.xl { --s: 84px; }
:root[data-theme="dark"] .sv-ic { background: var(--ic-fg, var(--neutral-bg)); color: var(--ic-bg, var(--neutral)); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .sv-ic { background: var(--ic-fg, var(--neutral-bg)); color: var(--ic-bg, var(--neutral)); } }
.sv-ic.tz3 {
  border-radius: calc(var(--s) * .32);
  background: linear-gradient(155deg, rgba(255, 255, 255, .95), rgba(255, 255, 255, 0) 60%), var(--ic-bg, var(--neutral-bg));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -5px 9px -4px rgba(0, 0, 0, .12), 0 7px 12px -8px var(--ic-fg, rgba(0, 0, 0, .4));
}
.sv-ic.tz3 svg { width: 74%; height: 74%; overflow: visible; filter: drop-shadow(0 2px 1.6px rgba(0, 0, 0, .2)); }
.sv-ic.tz3.xl { border-radius: 28px; }
:root[data-theme="dark"] .sv-ic.tz3:not(.nos) { background: linear-gradient(155deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0) 62%), var(--ic-fg, var(--neutral-bg)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 8px 14px -9px #000000; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .sv-ic.tz3:not(.nos) { background: linear-gradient(155deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0) 62%), var(--ic-fg, var(--neutral-bg)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 8px 14px -9px #000000; } }
:root[data-theme="dark"] .sv-ic.tz3.nos { background: linear-gradient(155deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, 0) 62%), var(--ic-bg, var(--neutral-bg)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .sv-ic.tz3.nos { background: linear-gradient(155deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, 0) 62%), var(--ic-bg, var(--neutral-bg)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12); } }
.sv-ic.fl svg { animation: tz-float 3.6s ease-in-out infinite; animation-delay: calc(var(--k, 0) * -.8s); }
.sv-hero .sv-ic { animation: tz-bob 4.2s ease-in-out infinite; }
.sv-sum { display: flex; align-items: center; gap: 18px; }
.sv-ring { position: relative; width: 88px; height: 88px; flex: none; }
.sv-ring svg { width: 88px; height: 88px; transform: rotate(-90deg); }
.sv-ring .trk { stroke: var(--track); }
.sv-ring .val { stroke: var(--ring); animation: tz-ring 1.2s cubic-bezier(.2, .8, .2, 1) .2s backwards; }
.sv-ring .lbl { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: var(--fs-8); font-weight: 700; font-variant-numeric: tabular-nums; }
.sv-ring .lbl small { font-size: var(--fs-3); font-weight: 600; color: var(--faint); }
.sv-sum-t { font-size: var(--fs-7); font-weight: 700; line-height: 1.35; letter-spacing: -0.03em; }
.sv-sum-s { font-size: var(--fs-3); color: var(--muted); margin-top: 4px; }
.sv-sum-s .sv-okc { font-weight: 600; }
.sv-sum-b { font-size: var(--fs-2); color: var(--muted); margin-top: 4px; }
.tz-list { background: var(--card); border-radius: var(--r-tile); box-shadow: var(--shadow); padding: 6px; }
.tz-row {
  display: flex; align-items: center; gap: 12px; width: 100%; min-width: 0; border: 0; background: none; font: inherit; color: var(--text);
  text-align: left; text-decoration: none; padding: 11px 10px; border-radius: 18px; cursor: pointer;
  -webkit-tap-highlight-color: transparent; transition: transform .2s cubic-bezier(.2, .8, .2, 1), background-color .2s;
}
.tz-row:active { transform: scale(.975); background: var(--card-2); }
.tz-row:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.tz-row .tx { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.tz-row .nm { font-size: var(--fs-5); font-weight: 600; display: flex; align-items: center; min-width: 0; }
.tz-row .t { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.tz-row .sub { font-size: var(--fs-2); color: var(--muted); display: flex; align-items: center; gap: 6px; min-width: 0; margin-top: 1px; }
.tz-row .sub { flex-wrap: wrap; row-gap: 2px; }
.tz-row .val { flex: none; text-align: right; font-size: var(--fs-6); font-weight: 700; font-variant-numeric: tabular-nums; }
.tz-row .val small { display: block; font-size: var(--fs-2); font-weight: 400; color: var(--muted); }
.tz-stack { flex: none; display: flex; width: calc(30px + (var(--n, 1) - 1) * 18px); }
.tz-stack .sv-ic { box-shadow: 0 0 0 2px var(--card), inset 0 1px 0 rgba(255, 255, 255, .9); }
.tz-stack .sv-ic + .sv-ic { margin-left: -12px; }
.tz-mk { width: 30px; height: 30px; border-radius: 50%; flex: none; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; animation: tz-pop .5s cubic-bezier(.3, 1.5, .5, 1) .3s backwards; }
.tz-mk svg { width: 16px; height: 16px; }
.tz-mk.ok { background: var(--ok-bg); color: var(--ok); }
.tz-mk.no { background: var(--neutral-bg); color: var(--muted); }
.tz-mk.wait, .tz-mk.ex { background: var(--neutral-bg); color: var(--faint); }
.tz-more { display: flex; justify-content: center; padding: 10px; font-size: var(--fs-3); font-weight: 600; color: var(--accent); text-decoration: none; border-radius: 16px; }
.sv-pill.tz-multi { background: var(--info-bg); color: var(--info); }
.sv-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap); }
.sv-char { display: flex; flex-direction: column; gap: 12px; min-height: 0; padding: 16px; position: relative; min-width: 0; }
.sv-char.wide { grid-column: 1 / -1; flex-direction: row; align-items: center; }
.sv-char.wide .mid { flex: 1; min-width: 0; }
.sv-char .top { display: flex; align-items: flex-start; justify-content: space-between; gap: 6px; }
.sv-char .nm { font-size: var(--fs-4); font-weight: 600; }
.sv-char .st { font-size: var(--fs-1); font-weight: 600; color: var(--faint); background: var(--neutral-bg); border-radius: 999px; padding: 2px 8px; white-space: nowrap; }
.sv-char .st.on { color: var(--ok); background: var(--ok-bg); }
.sv-char .st.warn { color: var(--warn); background: var(--warn-bg); }
.sv-char .big { font-size: var(--fs-11); font-weight: 700; letter-spacing: -0.04em; font-variant-numeric: tabular-nums; line-height: 1.05; }
.sv-char .big small { font-size: var(--fs-5); font-weight: 600; margin-left: 1px; }
.sv-dot { width: 8px; height: 8px; border-radius: 99px; background: var(--ok); display: inline-block; margin-right: 5px; vertical-align: 1px; }
.sv-dot.off { background: var(--faint); }
.sv-dot.warn { background: var(--warn); }
.sv-pill {
  display: inline-flex; align-items: center; gap: 3px; padding: 2px 8px; border-radius: 999px;
  font-size: var(--fs-1); font-weight: 600; background: var(--neutral-bg); color: var(--neutral); white-space: nowrap; flex: none;
}
.sv-pill.lim { background: var(--lim-bg); color: var(--lim); }
.sv-pill.ok { background: var(--ok-bg); color: var(--ok); }
.sv-pill.warn { background: var(--warn-bg); color: var(--warn); }
.sv-pill.info { background: var(--info-bg); color: var(--info); }
.sv-hero { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 6px 0 4px; }
.sv-hero h2 { font-size: var(--fs-9); font-weight: 700; letter-spacing: -0.035em; margin-top: 4px; }
.sv-hero p { font-size: var(--fs-3); color: var(--muted); max-width: 32ch; text-wrap: balance; }
.tz-big { font-size: 44px; font-weight: 700; letter-spacing: -0.04em; line-height: 1.08; font-variant-numeric: tabular-nums; margin-top: 6px; }
.tz-big small { font-size: var(--fs-9); font-weight: 600; margin-left: 2px; letter-spacing: 0; }
.tz-cmp { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
.tz-cmp .r { display: grid; grid-template-columns: 76px minmax(0, 1fr) 52px; align-items: center; gap: 10px; font-size: var(--fs-2); }
.tz-cmp .r span { color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tz-cmp .r b { text-align: right; font-variant-numeric: tabular-nums; font-weight: 600; }
.tz-bar { position: relative; height: 10px; border-radius: 99px; background: var(--track); }
.tz-bar > i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 99px; background: linear-gradient(90deg, var(--ok-2), var(--ok)); transform-origin: left center; animation: tz-grow 1.05s cubic-bezier(.2, .8, .2, 1) .15s backwards; }
.tz-bar.b > i { background: var(--faint); }
.tz-bar > em { position: absolute; top: -4px; bottom: -4px; width: 2px; margin-left: -1px; border-radius: 2px; background: var(--text); opacity: .5; }
.tz-leg { display: flex; gap: 14px; flex-wrap: wrap; font-size: var(--fs-2); color: var(--muted); margin-top: 12px; }
.tz-leg i { display: inline-block; width: 14px; height: 8px; border-radius: 99px; margin-right: 5px; vertical-align: 0; background: var(--ok); }
.tz-leg i.b { background: var(--faint); height: 5px; }
.tz-leg i.t { width: 2px; height: 12px; border-radius: 2px; background: var(--text); opacity: .5; vertical-align: -2px; }
.sv-trio { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 14px; }
.sv-stat { background: var(--card); border-radius: 18px; padding: 12px 10px; text-align: center; box-shadow: var(--shadow); }
.sv-stat .v { font-size: var(--fs-8); font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
.sv-stat .k { font-size: var(--fs-1); color: var(--muted); margin-top: 2px; }
.sv-stat .u { font-size: var(--fs-1); color: var(--faint); }
.sv-note { font-size: var(--fs-2); color: var(--muted); padding: 10px 14px; border-radius: 16px; background: var(--card-2); margin-top: 10px; }
.sv-note.warn { background: var(--warn-bg); color: var(--warn); }
.sv-rows { display: flex; flex-direction: column; gap: 8px; }
.sv-row { display: flex; align-items: center; gap: 12px; background: var(--card); border-radius: 20px; padding: 14px 16px; box-shadow: var(--shadow); min-width: 0; }
.sv-row .l { flex: 1; min-width: 0; }
.sv-row .nm { font-size: var(--fs-5); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sv-row .cd { font-size: var(--fs-1); color: var(--faint); font-weight: 400; margin-left: 4px; }
.sv-row .why { font-size: var(--fs-2); color: var(--muted); margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sv-row .tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.sv-row .r { text-align: right; flex: none; }
.sv-row .pct { font-size: var(--fs-7); font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
.sv-row .sub { font-size: var(--fs-2); color: var(--muted); font-variant-numeric: tabular-nums; }
.sv-row .mk { flex: none; }
.sv-row.tap:active { transform: scale(.975); }
.sv-up { color: var(--up); }
.sv-down { color: var(--down); }
.sv-okc { color: var(--ok); }
.sv-watch { display: flex; flex-direction: column; gap: 8px; }
.sv-watch .w { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font-size: var(--fs-2); }
.sv-watch .w b { font-variant-numeric: tabular-nums; font-size: var(--fs-4); }
.sv-watch .w .n { color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.sv-grp { padding: 14px; }
.sv-grp-h { display: flex; align-items: center; gap: 10px; margin: 2px 2px 12px; }
.sv-grp-h .nm { font-size: var(--fs-5); font-weight: 700; flex: 1; min-width: 0; letter-spacing: -0.02em; }
.sv-grp-h .cnt { font-size: var(--fs-2); font-weight: 600; color: var(--muted); font-variant-numeric: tabular-nums; display: flex; gap: 4px; flex-wrap: wrap; justify-content: flex-end; }
.sv-grp .sv-row { background: var(--card-2); box-shadow: none; }
.sv-row .mk.sv-mk-ex { color: var(--faint); font-weight: 600; }
.sv-datenav { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 6px 0 2px; }
.sv-datenav .mid { text-align: center; flex: 1; min-width: 0; }
.sv-datenav .mid b { display: block; font-size: var(--fs-6); font-weight: 700; letter-spacing: -0.02em; }
.sv-datenav .mid span { font-size: var(--fs-2); color: var(--muted); }
.sv-arrow {
  width: 42px; height: 42px; border-radius: 999px; background: var(--card); color: var(--text); box-shadow: var(--shadow);
  display: inline-flex; align-items: center; justify-content: center; text-decoration: none; font-size: var(--fs-8); flex: none;
  transition: transform .18s cubic-bezier(.2, .8, .2, 1);
}
.sv-arrow:active { transform: scale(.9); }
.sv-arrow.off { opacity: .35; pointer-events: none; box-shadow: none; }
.sv-rest { font-size: var(--fs-2); color: var(--muted); margin: 12px 4px 0; }
.tz-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 2px 0; }
.tz-prows { padding: 6px 14px; }
.tz-prow { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 4px 12px; align-items: center; padding: 13px 2px; color: var(--text); text-decoration: none; -webkit-tap-highlight-color: transparent; transition: transform .2s cubic-bezier(.2, .8, .2, 1); }
.tz-prow + .tz-prow { border-top: 1px solid var(--line); }
.tz-prow:active { transform: scale(.98); }
.tz-prow .nm { font-size: var(--fs-4); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.tz-prow .nm small { font-size: var(--fs-2); font-weight: 400; color: var(--muted); margin-left: 6px; }
.tz-prow .v { font-size: var(--fs-7); font-weight: 700; color: var(--ok); font-variant-numeric: tabular-nums; text-align: right; }
.tz-prow .v small { display: block; font-size: var(--fs-2); font-weight: 400; color: var(--muted); }
.tz-prow .tz-bar { grid-column: 2 / 4; height: 8px; }
.sv-bars { display: flex; flex-direction: column; gap: 8px; }
.sv-bar { padding: 16px; }
.sv-bar .h { display: flex; align-items: center; gap: 10px; }
.sv-bar .h .nm { flex: 1; min-width: 0; font-size: var(--fs-4); font-weight: 600; }
.sv-bar .h .v { font-size: var(--fs-9); font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
.sv-track { position: relative; height: 10px; border-radius: 99px; background: var(--track); margin-top: 10px; overflow: hidden; }
.sv-track > i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 99px; background: var(--ok); transform-origin: left center; animation: tz-grow 1s cubic-bezier(.2, .8, .2, 1) .15s backwards; }
.sv-track.base { height: 6px; margin-top: 6px; }
.sv-track.base > i { background: var(--faint); }
.sv-bar .m { display: flex; justify-content: space-between; gap: 8px; font-size: var(--fs-1); color: var(--muted); margin-top: 6px; font-variant-numeric: tabular-nums; }
.sv-legend { display: flex; gap: 14px; font-size: var(--fs-1); color: var(--muted); margin: 0 2px 8px; }
.sv-legend i { display: inline-block; width: 18px; height: 8px; border-radius: 99px; margin-right: 5px; vertical-align: 0; }
.sv-legend .a { background: var(--ok); }
.sv-legend .b { background: var(--faint); height: 5px; }
.sv-more { display: flex; align-items: center; gap: 12px; }
.sv-more .t { flex: 1; min-width: 0; }
.sv-more .t b { display: block; font-size: var(--fs-4); }
.sv-more .t span { font-size: var(--fs-1); color: var(--muted); }
.sv-more .chev { color: var(--faint); font-size: var(--fs-8); }
.sv-tbl { width: 100%; border-collapse: collapse; font-size: var(--fs-3); font-variant-numeric: tabular-nums; }
.sv-tbl th, .sv-tbl td { padding: 9px 4px; text-align: right; border-bottom: 1px solid var(--line); }
.sv-tbl th:first-child, .sv-tbl td:first-child { text-align: left; }
.sv-tbl th { font-size: var(--fs-2); color: var(--muted); font-weight: 400; }
.sv-tbl tr:last-child td { border-bottom: 0; }
.sv-tbl td .sv-ic { margin-right: 8px; vertical-align: middle; }
.sv-empty { text-align: center; padding: 26px 18px; }
.sv-empty .sv-ic { margin: 0 auto 10px; }
.sv-empty h2 { font-size: var(--fs-5); font-weight: 600; }
.sv-empty p { font-size: var(--fs-2); color: var(--muted); margin-top: 4px; }
.sv-empty .btn-row { justify-content: center; }
.tz-mini { display: flex; align-items: center; gap: 12px; font-size: var(--fs-3); color: var(--muted); padding: 16px 18px; }
.sv-src { display: inline-flex; gap: 4px; align-items: center; }
.sv-probs { font-size: var(--fs-1); color: var(--muted); }
.sv-probs summary { cursor: pointer; list-style: none; }
.sv-probs summary::-webkit-details-marker { display: none; }
.sv-probs li { margin-top: 4px; }
.sv-skel-wrap .skel { margin: 0 0 var(--gap); }
.sv-skel-h { height: 56px; width: 60%; border-radius: 14px; }
.sv-skel-hero { height: 128px; }
.sv-skel-tile { height: 148px; margin: 0 !important; }
.sv-skel-row { height: 64px; border-radius: 20px; }
.tz-sh-big { font-size: 34px; font-weight: 700; letter-spacing: -0.04em; line-height: 1.1; font-variant-numeric: tabular-nums; }
.tz-sh-sub { font-size: var(--fs-3); color: var(--muted); margin-top: 2px; }
.tz-sh-h { font-size: var(--fs-3); font-weight: 600; color: var(--muted); margin: 18px 0 6px; }
.tz-kv { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 10px 0; border-top: 1px solid var(--line); font-size: var(--fs-3); }
.tz-kv > span { color: var(--muted); min-width: 0; }
.tz-kv > b { font-variant-numeric: tabular-nums; text-align: right; font-weight: 600; }
.tz-who { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0; border-top: 1px solid var(--line); color: var(--text); text-decoration: none; width: 100%; background: none; border-left: 0; border-right: 0; border-bottom: 0; font: inherit; text-align: left; cursor: pointer; }
.tz-who:first-of-type { border-top: 0; }
.tz-who .tx { flex: 1; min-width: 0; }
.tz-who b { display: block; font-size: var(--fs-4); }
.tz-who span { display: block; font-size: var(--fs-2); color: var(--muted); margin-top: 2px; }
.tz-who .chev { color: var(--faint); font-size: var(--fs-7); align-self: center; }
.sheet-body p { color: var(--text); }
@media (max-width: 359px) {
  .sv-char .big { font-size: var(--fs-9); }
  .sv-ring, .sv-ring svg { width: 74px; height: 74px; }
  .sv-stat .v { font-size: var(--fs-6); }
  .sv-row .pct, .tz-row .val { font-size: var(--fs-5); }
  .tz-big { font-size: 38px; }
  .sv-title { font-size: var(--fs-9); }
}
@media (min-width: 900px) {
  body.is-xwide .tabbar-inner { max-width: 520px; }
}
.sv-grid > .sv-tile, .sv-bars > .sv-tile, .sv-rows > .sv-row { margin-top: 0; }
.sv-rest a, .sv-probs a { color: var(--accent); text-decoration: none; font-weight: 600; white-space: nowrap; }
.ad-key { padding: 16px; }
.ad-key-h { display: flex; gap: 12px; align-items: center; }
.ad-key-h b { display: block; font-size: var(--fs-4); }
.ad-key-h div span { display: block; font-size: var(--fs-1); color: var(--muted); margin-top: 2px; }
.ad-key-err { font-size: var(--fs-2); color: var(--warn); background: var(--warn-bg); border-radius: 12px; padding: 8px 12px; margin-top: 12px; }
.ad-key-f { display: flex; gap: 8px; margin-top: 12px; }
.ad-key-f input { flex: 1; min-width: 0; font: inherit; font-size: var(--fs-4); padding: 10px 12px; min-height: 44px; border-radius: 14px; border: 1px solid var(--line); background: var(--card-2); color: var(--text); }
.ad-key-f input:focus { outline: 2px solid var(--accent); outline-offset: 1px; }
.ad-key-f .btn { flex: 0 0 auto; padding: 0 18px; }
.sv-pill.no { background: var(--warn-bg); color: var(--warn); }
.sv-q { background: var(--card); border-radius: 20px; padding: 14px 16px; box-shadow: var(--shadow); min-width: 0; }
.sv-q-h { display: flex; align-items: flex-start; gap: 10px; }
.sv-q-h .l { flex: 1; min-width: 0; }
.sv-q-h .nm { font-size: var(--fs-5); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sv-q-h .cd { font-size: var(--fs-1); color: var(--faint); font-weight: 400; margin-left: 4px; }
.sv-q-h .why { font-size: var(--fs-2); color: var(--muted); margin-top: 2px; }
.sv-q-h .sv-pill { flex: none; font-size: var(--fs-1); padding: 3px 10px; }
.sv-q-k { font-size: var(--fs-1); color: var(--muted); margin-top: 14px; }
.sv-q-k span { color: var(--faint); margin-left: 4px; }
.sv-q-v { display: flex; align-items: baseline; gap: 4px; flex-wrap: wrap; font-size: var(--fs-4); margin-top: 2px; }
.sv-q-v b { font-size: var(--fs-10); font-weight: 700; letter-spacing: -0.03em; line-height: 1.15; }
.sv-q-v small { font-size: var(--fs-1); color: var(--muted); margin-left: 6px; }
.sv-q-bar { position: relative; height: 6px; border-radius: 99px; background: var(--track); margin-top: 10px; overflow: hidden; }
.sv-q-bar > i { position: absolute; left: 0; top: 0; bottom: 0; min-width: 2px; border-radius: 99px; background: var(--warn); transform-origin: left center; animation: tz-grow 1s cubic-bezier(.2, .8, .2, 1) .15s backwards; }
.sv-q-t { font-size: var(--fs-2); color: var(--muted); margin-top: 6px; }
.sv-q-l { margin: 4px 0 0; display: flex; flex-direction: column; }
.sv-q-l > div { display: flex; justify-content: space-between; gap: 8px; font-size: var(--fs-3); padding: 10px 0; border-top: 1px solid var(--line); }
.sv-q-l dt { color: var(--muted); min-width: 0; }
.sv-q-l dd { margin: 0; font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }
.sv-q-none { font-size: var(--fs-2); color: var(--muted); margin-top: 10px; padding: 10px 12px; border-radius: 12px; background: var(--card-2); }
.sv-q .tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 10px; }
.sv-q-more { margin-top: 10px; border: 0; background: var(--neutral-bg); color: var(--text); font: inherit; font-size: var(--fs-2); font-weight: 600; border-radius: 12px; padding: 8px 12px; cursor: pointer; transition: transform .18s cubic-bezier(.2, .8, .2, 1); }
.sv-q-more:active { transform: scale(.96); }
.sv-row .tags .sv-pill { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.sv-q-eves { margin-top: 10px; display: flex; flex-direction: column; gap: 4px; }
.sv-q-eve { margin: 0; font-size: var(--fs-2); line-height: 1.45; color: var(--muted); }
.sv-q-eve b { color: var(--text); font-weight: 600; }
.tz-when { padding: 12px 12px 12px; margin: 0 0 4px; border-bottom: 1px solid var(--line); }
.tz-whencard { padding: 2px 6px; }
.tz-whencard .tz-when { border-bottom: 0; margin: 0; }
.tz-when .wb { display: flex; align-items: center; padding: 0 2px; }
.tz-when .wb i { width: 12px; height: 12px; border-radius: 50%; border: 2px solid var(--faint); flex: none; background: var(--card); box-sizing: border-box; }
.tz-when .wb i.on { background: var(--text); border-color: var(--text); }
.tz-when .wb i.on.late { background: var(--warn); border-color: var(--warn); }
.tz-when .wb i.ok { background: var(--ok); border-color: var(--ok); }
.tz-when .wb i.wt { animation: tz-pulse 1.6s ease-in-out infinite; }
.tz-when .wl { flex: 1; height: 2px; margin: 0 4px; border-radius: 2px; background: var(--line); position: relative; overflow: hidden; }
.tz-when .wl::after { content: ""; position: absolute; inset: 0; background: var(--faint); transform-origin: left center; animation: tz-grow 1.2s cubic-bezier(.2, .8, .2, 1) .3s backwards; }
.tz-when .wl.ok::after { background: var(--ok); }
.tz-when .wl.half::after { right: 45%; }
.tz-when .wt2 { display: flex; justify-content: space-between; gap: 12px; margin-top: 6px; font-size: var(--fs-1); color: var(--muted); line-height: 1.4; }
.tz-when .wt2 span { min-width: 0; }
.tz-when .wt2 span:last-child { text-align: right; white-space: nowrap; flex: none; }
.tz-when .wt2 b { display: block; font-size: var(--fs-2); font-weight: 700; color: var(--text); }
.tz-when .wt2 .late { color: var(--warn); }
@keyframes tz-pulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.35); opacity: .45; } }
.tz-st { flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 3px; text-align: right; }
.tz-wait { display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-1); font-weight: 600; color: var(--muted); background: var(--neutral-bg); border-radius: 999px; padding: 3px 9px 3px 7px; white-space: nowrap; }
.tz-wait svg { width: 13px; height: 13px; }
.tz-wait { font-variant-numeric: tabular-nums; }
.tz-wt { display: inline-flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.tz-wt .k { font-size: var(--fs-1); line-height: 1.2; color: var(--muted); white-space: nowrap; }
.tz-when .wt2 .tz-cd b { font-variant-numeric: tabular-nums; letter-spacing: -0.01em; }
.tz-res { font-size: var(--fs-7); font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: -0.02em; line-height: 1.15; }
.tz-res-k { font-size: var(--fs-2); color: var(--muted); white-space: nowrap; }
.tz-day { font-size: var(--fs-1); color: var(--faint); white-space: nowrap; font-variant-numeric: tabular-nums; }
.tz-tm { flex: none; font-size: var(--fs-1); font-weight: 600; color: var(--muted); background: var(--neutral-bg); border-radius: 6px; padding: 0 6px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tz-tm.late { color: var(--warn); background: var(--warn-bg); }
.mk-pt, .mk-pts, .mk-res, .mk-late { display: contents; }
.sv-q-h .tz-st { gap: 6px; }
.sv-row .why { display: flex; align-items: center; gap: 6px; min-width: 0; }
.sv-row .why .t { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
a.sv-grp-h { color: var(--text); text-decoration: none; -webkit-tap-highlight-color: transparent; }
.sv-grp-h { margin-bottom: 8px; }
.sv-grp-h .nm { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sv-grp-h .chev { flex: none; font-size: var(--fs-8); color: var(--faint); }
.sv-grp-cnt { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 2px 12px; font-size: var(--fs-2); font-weight: 600; color: var(--muted); font-variant-numeric: tabular-nums; }
.sv-grp-more { margin-top: 8px; }
.sv-grp-more > summary { cursor: pointer; list-style: none; text-align: center; font-size: var(--fs-3); font-weight: 600; color: var(--accent); padding: 10px; border-radius: 14px; }
.sv-grp-more > summary::-webkit-details-marker { display: none; }
.sv-grp-more > .sv-rows { margin-top: 6px; }
.tz-ringlate { display: flex; margin-bottom: 6px; }
.tz-ringlate[hidden] { display: none; }
.tz-row .sub .tz-who-n { color: var(--muted); }
.tz-row .sub.tz-pills { margin-top: 4px; }
.sv-char .k { font-size: var(--fs-2); color: var(--muted); margin-top: 3px; line-height: 1.3; }
.sv-q-line { font-size: var(--fs-2); color: var(--muted); margin: 10px 0 0; font-variant-numeric: tabular-nums; }
.tz-sh-fold { margin-top: 14px; border-top: 1px solid var(--line); padding-top: 10px; }
.tz-sh-fold > summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 8px; font-size: var(--fs-3); font-weight: 600; color: var(--muted); }
.tz-sh-fold > summary::-webkit-details-marker { display: none; }
.tz-sh-fold > summary::after { content: "▾"; margin-left: auto; font-size: var(--fs-1); }
.tz-sh-fold[open] > summary::after { content: "▴"; }
.sv-hero.sv-hero-row { flex-direction: row; align-items: center; text-align: left; gap: 14px; padding: 4px 2px 0; }
.sv-hero.sv-hero-row .hx { flex: 1; min-width: 0; }
.sv-hero.sv-hero-row h2 { font-size: var(--fs-8); margin: 0; }
.sv-hero.sv-hero-row p { font-size: var(--fs-2); max-width: none; margin-top: 2px; text-wrap: pretty; }
.tz-ncard { background: var(--card); border-radius: var(--r-tile); box-shadow: var(--shadow); padding: 6px 6px 2px; margin-top: 14px; }
.tz-ncard .sw-seg { margin: 4px 4px 0; }
.tz-ncard .sw-crit { margin: 6px 10px 0; }
.tz-ncard > .sv-tile, .tz-ncard .sw-char-swing > .sv-tile { background: transparent; box-shadow: none; padding: 14px 14px 16px; margin-top: 0; }
.tz-ncard > .sv-note { margin: 10px; }
.sv-arrow.sv-arrow-d { width: auto; min-width: 42px; padding: 0 12px; font-size: var(--fs-3); font-weight: 600; border: 0; font-family: inherit; cursor: pointer; white-space: nowrap; font-variant-numeric: tabular-nums; }
.tz-intro { flex: none; margin-left: auto; border: 0; background: var(--neutral-bg); color: var(--muted); font: inherit; font-size: var(--fs-1); font-weight: 600; border-radius: 999px; padding: 6px 12px; cursor: pointer; }
.tz-intro-l { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 10px; font-size: var(--fs-3); line-height: 1.5; }
.tz-allline { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 12px 4px 0; }
.sv-rest-td { color: var(--faint); text-align: center; }
.sv-sum-c { font-size: var(--fs-1); color: var(--muted); margin-bottom: 4px; letter-spacing: -0.01em; }
.sv-sum-m { font-size: var(--fs-2); color: var(--muted); margin-top: 2px; line-height: 1.4; }
.sv-sum-ic { width: 88px; height: 88px; flex: none; display: flex; align-items: center; justify-content: center; }
.sv-head-note { margin: 4px 0 0; font-size: var(--fs-2); color: var(--muted); }
.tz-legend { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin: 10px 4px 0; font-size: var(--fs-2); color: var(--muted); line-height: 1.4; }
.tz-legend .tz-mk { width: 22px; height: 22px; animation: none; }
.tz-legend .tz-mk svg { width: 12px; height: 12px; }
.sv-row .why2 { font-size: var(--fs-2); color: var(--muted); margin-top: 2px; line-height: 1.4; }
.tz-rests { display: flex; flex-direction: column; gap: 8px; margin-top: var(--gap); }
.tz-rests .tz-mini { padding: 12px 16px; }
.tz-rests .tz-mini b { color: var(--text); font-weight: 600; }
.sv-datenav .sv-mid-btn { border: 0; background: none; font: inherit; color: inherit; cursor: pointer; padding: 6px 4px; border-radius: 14px; -webkit-tap-highlight-color: transparent; }
.sv-datenav .sv-mid-btn:active { background: var(--card-2); }
.sv-datenav .sv-mid-btn span { color: var(--accent); }
.sv-date-pick { display: block; margin: 14px 0 12px; }
.sv-date-pick input { width: 100%; min-height: 48px; font: inherit; font-size: var(--fs-6); padding: 8px 12px; border-radius: 14px; border: 1px solid var(--line); background: var(--card); color: var(--text); }
.sv-fold > summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 16px 18px; font-size: var(--fs-4); font-weight: 600; color: var(--text); background: var(--card); border-radius: var(--r-tile); box-shadow: var(--shadow); }
.sv-fold > summary small { font-size: var(--fs-2); font-weight: 400; color: var(--muted); }
.sv-fold > summary::-webkit-details-marker { display: none; }
.sv-fold > summary::after { content: "›"; margin-left: auto; color: var(--muted); font-size: var(--fs-9); line-height: 1; transform: rotate(90deg); transition: transform .2s; }
.sv-fold[open] > summary::after { transform: rotate(-90deg); }
.sv-fold[open] > summary { margin-bottom: 8px; }
.tz-defs { margin: 8px 0 0; padding-left: 18px; display: flex; flex-direction: column; gap: 8px; font-size: var(--fs-3); line-height: 1.5; }
.tz-defs b { margin-right: 6px; }
.sv-tbl-cap { caption-side: top; text-align: right; font-size: var(--fs-2); color: var(--muted); padding: 0 4px 4px; }
.tz-q { position: relative; }
.tz-q::after { content: ""; position: absolute; inset: -9px; }
.tz-link, .tz-fine a { display: inline-block; padding: 12px 6px; margin: -12px -6px; }
.tz-intro { min-height: 36px; position: relative; }
.tz-intro::after { content: ""; position: absolute; inset: -6px -4px; }
.sv-row .why .t { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.tz-row .sub .t { white-space: normal; }
.sv-pill.lim, .sv-pill.no, .sv-pill.info, .sv-pill.warn, .sv-pill.tz-multi { background: var(--neutral-bg); color: var(--neutral); }
.tz-tm.late { color: var(--muted); background: var(--neutral-bg); }
.tz-when.tz-when-late .late { color: var(--muted); }
.sv-grp-h .nm { flex: none; max-width: 58%; }
.sv-grp-h .cnt { flex: 1; min-width: 0; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: var(--fs-2); font-weight: 400; color: var(--muted); font-variant-numeric: tabular-nums; }
.sv-datenav .sv-mid-btn { background: none; border: 0; box-shadow: none; }
.sv-cal { font-style: normal; font-size: var(--fs-1); font-weight: 400; color: var(--muted); margin-left: 2px; }
.sv-datenav .sv-arrow.sv-arrow-d { width: 68px; min-width: 68px; padding: 0; justify-content: center; }
.sv-datenav .sv-mid-btn span { color: var(--muted); }
.sv-row .r .sub { white-space: nowrap; }
@media (max-width: 359px) {
  .tz-prow .nm small { display: block; margin-left: 0; }
  .sv-row .tags .sv-pill { white-space: normal; word-break: keep-all; border-radius: 10px; line-height: 1.3; }
  .sv-row .why { white-space: normal; word-break: keep-all; }
  .sw-live-row .nm .t { white-space: normal; word-break: keep-all; }
}
:root[data-theme="dark"] .card .btn { background: var(--neutral-bg); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .card .btn { background: var(--neutral-bg); } }
.nw-h { display: flex; align-items: center; gap: 8px; }
.nw-h .tz-q { margin-left: auto; }
.nw-i { display: block; padding: 10px 0; border-top: 1px solid var(--line); color: var(--text); text-decoration: none; -webkit-tap-highlight-color: transparent; }
.nw-i:active { opacity: .7; }
.nw-i:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 6px; }
.nw-t { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: var(--fs-4); line-height: 1.4; word-break: keep-all; overflow-wrap: anywhere; }
.nw-m { display: block; margin-top: 2px; font-size: var(--fs-2); color: var(--muted); }
.nw-hide { display: none; }
.nw-more { display: block; width: 100%; margin-top: 6px; padding: 10px 0; border: 0; border-radius: 12px; background: var(--neutral-bg); color: var(--text); font: inherit; font-size: var(--fs-3); font-weight: 600; cursor: pointer; -webkit-appearance: none; appearance: none; }
.nw-more:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.nw-none { padding: 10px 0; border-top: 1px solid var(--line); font-size: var(--fs-2); color: var(--muted); }
.nw-fold .nw-k { margin: 6px 0 0; display: flex; justify-content: flex-end; }
:root { --accent: #1A1C20; --on-accent: #FFFFFF; --info: #3D4450; --info-bg: #EEF0F3; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --accent: #F2F3F5; --on-accent: #0F1115; --info: #D3D9E2; --info-bg: #26282E; } }
:root[data-theme="dark"] { --accent: #F2F3F5; --on-accent: #0F1115; --info: #D3D9E2; --info-bg: #26282E; }
#view .tz-cnt { color: var(--muted); }
#view .rv-svg .rv-hl, #view .rv-svg .rv-hl2 { fill: var(--muted); opacity: .14; }
#view .rv-svg .rv-hlt, #view .rv-svg .rv-hlt2 { fill: var(--muted); }
#view :is(.tz-row, .sv-row, .sv-q, .tz-prow, .mk-rr, .rv-row, .tz-who, .sw-live-row) :is(span, small, b, em, i, div, p, a, button, summary, strong, dt, dd, time, li) { font-size: var(--fs-2); font-weight: 400; }
#view :is(.tz-row .nm, .tz-row .nm .t, .tz-row .val, .sv-row .nm, .sv-row .pct, .sv-row .tz-res, .sv-q .nm, .sv-q .tz-res, .tz-prow .nm, .tz-prow .v, .tz-prow .v [data-cu], .mk-rr .nm, .mk-rr .v, .sw-live-row .nm, .sw-live-row .nm .t, .sw-live-row .val, .rv-row .rv-name, .rv-row .g3 b, .rv-row .g3 b *, .tz-who .tx b) { font-size: var(--fs-5); font-weight: 600; }
#view :is(.sv-sum, .mk-tile, .tz-ncard .sv-tile, .sw-card, .rv-sum, .sv-char) :is(span, small, b, em, i, div, p, a, button, summary, strong, h2, h3) { font-size: var(--fs-2); font-weight: 400; }
#view .sv-sum :is(.sv-sum-t, .sv-ring .lbl, .sv-ring .lbl [data-cu]) { font-size: var(--fs-7); font-weight: 700; }
#view .sv-sum .sv-ring .lbl small { font-size: var(--fs-2); font-weight: 400; }
#view .mk-tile.mk-tile :is(.mk-big, .mk-i-v) { font-size: var(--fs-9); font-weight: 700; }
#view .tz-ncard .sv-tile :is(.tz-big, .tz-big small, .tz-big [data-cu]) { font-size: 44px; font-weight: 700; }
#view .sw-card :is(.sw-big .v, .sw-big .v small, .sw-big .v [data-cu]) { font-size: 44px; font-weight: 700; }
#view .rv-sum :is(.rv-cbig, .rv-cbig b, .rv-cbig small) { font-size: 40px; font-weight: 700; }
#view .rv-sum .rv-sum-head h2 { font-weight: 700; }
#view .sv-char :is(.big, .big small, .big [data-cu]) { font-size: var(--fs-10); font-weight: 700; }
#view .sv-pill { font-size: var(--fs-2); font-weight: 400; }
#view .sv-char .big { color: var(--ok); }
#view .tz-whencard + .sv-rows, #view .tz-whencard + .tz-fine + .sv-rows { margin-top: 8px; }
#view .sv-rows { background: var(--card); border-radius: var(--r-tile); box-shadow: var(--shadow); padding: 6px; gap: 0; }
#view .sv-grp .sv-rows { background: none; box-shadow: none; padding: 0; border-radius: 0; }
#view .sv-rows > .sv-row, #view .sv-rows > .sv-q { background: none; box-shadow: none; border-radius: 18px; padding: 11px 10px; }
#view .sv-rows > :is(.sv-row, .sv-q) > .mk-tl-slot, #view .sv-rows .sv-q .mk-tl-slot { border-top: 0; margin-top: 4px; padding-top: 0; }
#view .sv-grp .sv-rows > .sv-row { background: none; }
#view .nw { white-space: nowrap; }
#view .mk-rg-fold > summary { font-weight: 600; }
#view details.sv-grp-more[open] > summary, #view details.sw-live-more[open] > summary { display: none; }
#view .sv-grp-more > summary { font-size: var(--fs-5); font-weight: 400; }
#view .rv-fold > summary::after { content: " ▾"; font-size: var(--fs-1); color: var(--muted); }
#view .rv-fold[open] > summary::after { content: " ▴"; }
#view .rv-yrbr { flex-basis: 100%; height: 0; }
.ib { border: 0; background: transparent; color: var(--muted); }
.ib span { width: 26px; height: 26px; border: 0; background: var(--neutral-bg); font-family: inherit; font-style: normal; font-weight: 700; }
#view .chip-btn { background: var(--neutral-bg); box-shadow: none; color: var(--text); }
#view .rv-lchips a[aria-current="true"] { background: var(--text); color: var(--bg); border-color: transparent; }
.sheet .btn.sv-btn-main { background: var(--text); color: var(--bg); border-color: transparent; }
#view .sw-more > summary { cursor: pointer; list-style: none; padding: 10px 0; color: var(--muted); }
#view .sw-more > summary::after { content: " ▾"; font-size: var(--fs-1); }
#view .sw-more[open] > summary::after { content: " ▴"; }
#view .sw-more > summary::-webkit-details-marker { display: none; }
#view .sw-base { margin: 2px 0 0; }
.tz-sh-gap { margin-bottom: 10px; }
.rv-date-btn { flex: 1; min-width: 0; display: flex; align-items: center; justify-content: center; gap: 4px; border: 0; background: none; font: inherit; color: var(--text); cursor: pointer; min-height: 44px; }
.rv-date-btn b { font-weight: 700; }
#view .card :is(span, small, b, em, i, div, p, a, button, summary, strong, li, h3, label) { font-size: var(--fs-2); font-weight: 400; }
#view .card :is(h2, .stock-head .nm, .rv-gname, .rv-lhead h2) { font-size: var(--fs-5); font-weight: 600; }
#view .card :is(.card-h, .card-h small, .rv-daymeta b, .rv-picks li > b, .stock-head .btn, .rv-mem-h span) { font-size: var(--fs-2); font-weight: 600; }
#view .card .rv-rank :is(.nm > a, .val, .val span) { font-size: var(--fs-5); font-weight: 600; }
.ib span { font-weight: 400; }
#view .card .ib { font-size: var(--fs-2); }
#view .card.rv-sum .rv-sum-head h2 { font-size: var(--fs-2); font-weight: 700; }
@media (max-width: 359px) {
  #view :is(.tz-row, .sv-row) { gap: 8px; }
  #view .tz-stack { width: calc(30px + (var(--n, 1) - 1) * 10px); }
  #view .tz-stack .sv-ic + .sv-ic { margin-left: -20px; }
  #view .tz-row .nm { flex-wrap: wrap; row-gap: 2px; }
  #view :is(.tz-row .nm .t, .sv-row .nm, .sv-q-h .nm, .rv-row.rv-g > .g1 .rv-name) { white-space: normal; word-break: keep-all; overflow-wrap: anywhere; }
}
.tz-mx { display: inline; font-size: var(--fs-2); font-weight: 400; color: var(--muted); margin-right: 3px; letter-spacing: 0; }
#view .tz-mx { display: inline; font-size: var(--fs-2); font-weight: 400; color: var(--muted); margin-right: 3px; }
#sheet .tz-sh-big .tz-mx { font-size: var(--fs-3); margin-right: 6px; }
#view .tz-row .tz-st .tz-res { font-size: var(--fs-5); font-weight: 600; }
#view :is(.tz-row .sub, .sv-row .why, .sv-q-h .why) .tz-tm { background: none; padding: 0; border-radius: 0; font-size: var(--fs-2); font-weight: 400; color: var(--muted); }
#view .sv-row .why .tz-tm, #view .sv-q-h .why .tz-tm { flex: none; }
#view .sv-q-h .why { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
#view :is(.tz-row, .sv-row, .sv-q) .tz-st .tz-wait { background: none; padding: 0; }
#view .tz-when .wt2 { font-size: var(--fs-2); }
#view .tz-when .wt2 b { font-size: var(--fs-2); font-weight: 600; }
#view .tz-when.tz-when-late p { font-size: var(--fs-2); }
#view .tz-when.tz-when-late b { font-weight: 600; }
.tz-nw { white-space: nowrap; }
.tz-dl { display: grid; grid-template-columns: minmax(3em, max-content) minmax(0, 1fr); gap: 12px; align-items: baseline; padding: 9px 0; border-top: 1px solid var(--line); font-size: var(--fs-3); line-height: 1.45; }
.tz-dl:first-child { border-top: 0; padding-top: 0; }
.tz-dl b { font-weight: 600; white-space: nowrap; }
.tz-dl span { color: var(--muted); text-wrap: pretty; }
.sv-grp-note { margin: -2px 2px 8px; font-size: var(--fs-2); color: var(--muted); }
.sv-ring-lock .lbl { color: var(--faint); }
.sv-ring-lock .lk { width: 26px; height: 26px; transform: none; }
#view .sv-grp-more > summary, #view .sw-live-more > summary { color: var(--muted); font-weight: 400; }
#view .sv-grp-more > summary::after, #view .sw-live-more > summary::after { content: " ▾"; }
.tz-chart { margin: 12px 0 0; }
.tz-chart .tz-link, .sheet-body p > .tz-link { border: 0; background: none; font: inherit; font-size: var(--fs-3); font-weight: 600; color: var(--text); cursor: pointer; }
#view .tz-ncard .sw-seg-b, #view .tz-ncard .sw-seg-b[aria-pressed="true"] { font-size: var(--fs-2); font-weight: 400; }
#view .sv-grp-h .nm { font-weight: 600; }
#sheet .sheet-title { font-weight: 600; }
#sheet .tz-sh-h { font-size: var(--fs-2); font-weight: 400; color: var(--muted); }
#sheet .tz-who .tx { color: var(--text); }
#sheet .tz-who b { font-size: var(--fs-3); font-weight: 600; color: var(--text); }
#sheet .tz-who .tx span { font-size: var(--fs-2); color: var(--muted); }
#sheet .tz-who .chev { font-size: var(--fs-3); }
#sheet .sv-pill { font-size: var(--fs-2); font-weight: 400; }
#sheet .tz-wait { font-size: var(--fs-2); font-weight: 400; background: none; padding: 0; }
#sheet .tz-sh-fold > summary { font-size: var(--fs-2); font-weight: 400; }
#sheet .sv-q-l > div { font-size: var(--fs-2); }
#sheet .sv-q-l dd, #sheet .tz-kv > b, #sheet .sv-q-eve b { font-weight: 600; }
#sheet .nw-t { font-size: var(--fs-3); }
#sheet .tz-q { font-weight: 600; }
#sheet .tz-sh-sub { font-size: var(--fs-2); }
#view .sv-row .tags .sv-pill { display: inline-block; flex: 0 1 auto; white-space: normal; word-break: keep-all; border-radius: 10px; line-height: 1.35; max-width: 100%; overflow: visible; }
#sheet .sheet-body > p:not([class]), #sheet .sheet-body .tz-wait { font-size: var(--fs-3); }
#view .sv-grp-h .chev { font-size: var(--fs-5); }
#view .tz-grp { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 12px 4px 2px; font-size: var(--fs-2); font-weight: 600; color: var(--muted); }
#view .tz-grp:first-of-type { margin-top: 6px; }
#view .tz-row .tz-qline .t { font-size: var(--fs-2); color: var(--muted); }
#view .tz-row .tz-qline .t { white-space: normal; overflow: visible; text-overflow: clip; }
#view .tz-row .tz-qline .tz-qb { display: block; }
#view .sv-char .big .tz-tcnt { font-size: var(--fs-7); font-weight: 700; color: var(--text); }
#view .sv-char .big .tz-tcnt.off { color: var(--muted); font-weight: 600; }
#sheet .tz-cbox { margin: 0 0 8px; }
#sheet .tz-cbox svg { display: block; max-width: 100%; height: auto; }
#sheet .tz-cleg { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin: 4px 0 0; font-size: var(--fs-2); color: var(--muted); }
#sheet .tz-cleg i { display: inline-block; width: 12px; height: 2px; margin-right: 4px; vertical-align: middle; }
#sheet .tz-cleg i.m5 { background: #f59f00; }
#sheet .tz-cleg i.m20 { background: #7048e8; }
#sheet .tz-cleg i.bs { height: 0; border-top: 2px dashed var(--muted); }
#sheet .tz-cleg .tz-link { margin-left: auto; }
#sheet .tz-buy { background: var(--bg); border-radius: 16px; padding: 10px 14px 4px; margin: 10px 0; }
#sheet .tz-buy .tz-kv:first-of-type { border-top: 0; }
#sheet .tz-buy-h { display: flex; align-items: center; gap: 8px; margin: 0 0 4px; }
#sheet .tz-buy-h .tz-q { margin-left: auto; }
#sheet .tz-buy .tz-sh-sub { margin: 2px 0 8px; }
#view .tz-ikv > b small { display: block; font-size: var(--fs-2); font-weight: 400; color: var(--muted); }
#view .tz-ikv > b { font-size: var(--fs-4); }
#view .tz-prow.tz-prow2 { grid-template-columns: 30px minmax(0, 1fr) auto; }
#view .tz-prow2 .tz-pv { font-size: var(--fs-4); font-weight: 700; color: var(--text); text-align: right; font-variant-numeric: tabular-nums; }
#view .tz-prow2 .tz-pv small { display: block; font-size: var(--fs-2); font-weight: 400; color: var(--muted); }
#view .tz-prow2 .tz-psub { grid-column: 2 / 4; font-size: var(--fs-2); color: var(--muted); }
#view .tz-prow2.tz-pall { padding-left: 2px; }
#view .tz-prow2.tz-pall .nm { grid-column: 1 / 3; }
#view .tz-row .tz-off, #view .sv-row .pct.tz-off, #view .tz-st .tz-off, #view .sv-row .r .tz-off { color: var(--muted); font-size: var(--fs-2); font-weight: 400; }
#view .tz-row .tz-off .tz-mx, #view .sv-row .tz-off .tz-mx { color: var(--muted); }
#sheet .tz-sh-big.tz-off { color: var(--muted); font-size: var(--fs-7); font-weight: 600; }
#view .tz-off.tz-off.tz-off { color: var(--muted); font-size: var(--fs-2); font-weight: 400; }
#view .sv-row:has(.tz-off) .mk-st-r.ok, #view .tz-row:has(.tz-off) .mk-st-r.ok { color: var(--muted); font-weight: 400; }
#view .sv-row:has(.tz-off) .mk-st-i.ok > i, #view .tz-row:has(.tz-off) .mk-st-i.ok > i { background: var(--muted); border-color: var(--muted); }
#view .tz-row .nm .tz-thm { flex: 0 1 auto; min-width: 0; max-width: 48%; margin-left: 6px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#view :is(.sv-row, .sv-q) .nm .tz-thm { display: inline-block; vertical-align: bottom; max-width: 48%; margin-left: 6px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: var(--fs-2); font-weight: 400; }
#sheet .tz-thl { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin: 2px 0 8px; font-size: var(--fs-2); color: var(--muted); }
#sheet .tz-thl .sv-pill { font-size: var(--fs-2); }
.mt-c { display: inline-flex; align-items: center; min-height: 22px; padding: 1px 8px; border-radius: 999px; font-size: var(--fs-1); font-weight: 600; line-height: 1.3; white-space: nowrap; }
.mt-c.up { background: var(--lim-bg); color: var(--lim); }
.mt-c.dn { background: var(--warn-bg); color: var(--warn); }
.mt-c.dn::before { content: "!"; display: inline-flex; align-items: center; justify-content: center; width: 13px; height: 13px; margin-right: 3px; border-radius: 50%; font-size: 9px; font-weight: 700; background: var(--warn); color: var(--warn-bg); }
.mt-c.more { background: var(--neutral-bg); color: var(--neutral); font-weight: 400; }
.mt-in, .mt-line { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.mt-in { margin-right: 4px; vertical-align: middle; }
.tz-row .sub.mt-line, .sv-row .tags.mt-line, .sv-q .tags.mt-line { margin-top: 4px; }
.it-why.mt-line { margin-top: 4px; }
.rv-row.rv-g > .g5.mt-line { display: flex; }
.mt-moved { display: none !important; }
.mt-p { margin-top: 14px; }
.mt-p.card { margin-top: 12px; }
.mt-i { display: block; padding: 10px 0; border-top: 1px solid var(--line); color: var(--text); text-decoration: none; -webkit-tap-highlight-color: transparent; }
.mt-h + .mt-i, .mt-body > .mt-i:first-child { border-top: 0; }
.mt-t1 { display: flex; align-items: center; gap: 6px; }
.mt-when { margin-left: auto; font-size: var(--fs-1); color: var(--faint); white-space: nowrap; }
.mt-tt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 3px; font-size: var(--fs-3); line-height: 1.4; word-break: keep-all; overflow-wrap: anywhere; }
.mt-src { display: block; margin-top: 2px; font-size: var(--fs-1); color: var(--faint); }
.mt-i.nw-hide { display: none; }
.sv-what { display: block; margin: 6px 0 14px; padding: 10px 14px; border-radius: 14px; background: var(--info-bg); color: var(--info); font-size: var(--fs-2); line-height: 1.45; }
.sv-what b { font-weight: 600; }
.sv-hub { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap); margin-top: 6px; }
.sv-hub > .hb-card { margin-top: 0; }
.hb-card { display: flex; flex-direction: column; gap: 2px; min-width: 0; min-height: 148px; padding: 16px; color: var(--text); text-decoration: none; -webkit-tap-highlight-color: transparent;
  transition: transform .2s cubic-bezier(.2, .8, .2, 1); animation: tz-rise .5s cubic-bezier(.2, .8, .2, 1) backwards; animation-delay: calc(var(--i, 0) * 40ms + .08s); }
.hb-card:active { transform: scale(.97); }
.hb-card:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.hb-card .sv-ic { margin-bottom: 8px; }
.hb-nm { font-size: var(--fs-4); font-weight: 600; overflow-wrap: anywhere; }
.hb-d { font-size: var(--fs-2); color: var(--muted); line-height: 1.35; overflow-wrap: anywhere; }
.hb-v { margin-top: auto; padding-top: 8px; font-size: var(--fs-2); font-weight: 600; color: var(--text); overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.hb-foot { margin-top: 16px; }
.sv-seg { display: flex; gap: 6px; margin: 0 0 12px; }
.sv-seg-b { flex: none; min-height: 36px; padding: 7px 14px; border: 0; border-radius: 999px; background: var(--card); color: var(--muted); font: inherit; font-size: var(--fs-3); cursor: pointer;
  box-shadow: var(--shadow-sm); -webkit-appearance: none; appearance: none; }
.sv-seg-b.on { background: var(--text); color: var(--bg); font-weight: 600; }
.sv-seg-b:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.th-blk + .th-blk { margin-top: var(--gap); }
.th-h { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; padding: 10px 10px 4px; min-width: 0; }
.th-rk { flex: none; width: 24px; height: 24px; border-radius: 8px; background: var(--neutral-bg); color: var(--neutral); font-size: var(--fs-2); font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.th-nm { font-size: var(--fs-4); font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
.th-s { font-size: var(--fs-2); color: var(--muted); margin-left: auto; }
.th-m .th-ret { font-size: var(--fs-2); color: var(--muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
.th-blk .nw-more { width: auto; margin: 4px 6px 6px; }
@media (prefers-reduced-motion: reduce) { .hb-card { animation: none; transition: none; } }
#view .tz-st .tz-lv { display: inline-flex; flex-direction: column; align-items: flex-end; gap: 1px; text-align: right; }
#view .tz-st .tz-lv .tz-lv-k { font-size: var(--fs-1); line-height: 1.25; color: var(--muted); white-space: nowrap; font-weight: 400; }
#view .mk-lv { display: block; min-width: 0; }
#view .mk-lv[hidden] { display: none; }
#view .tz-lvl { display: block; margin-top: 2px; font-size: var(--fs-1); line-height: 1.3; color: var(--muted); font-weight: 400; white-space: normal; overflow-wrap: anywhere; word-break: keep-all; font-variant-numeric: tabular-nums; }
#view .tz-lvl .ok { color: var(--ok); font-weight: 600; }
#sheet .tz-lv-line { display: flex; flex-direction: column; gap: 2px; }
#sheet .tz-lv-line > small { font-size: var(--fs-2); color: var(--muted); font-variant-numeric: tabular-nums; }
#sheet .tz-lv-line > b { font-size: var(--fs-5); font-weight: 700; font-variant-numeric: tabular-nums; }
#sheet .tz-lv-line > b small { font-size: var(--fs-2); font-weight: 400; color: var(--muted); }
#view .tz-nt2 { display: block; }
#view .nw-win, .sheet .nw-win, .nw-win { font-size: 14px; font-weight: 400; color: var(--neutral); margin-left: 4px; }
.gr-box { display: grid; gap: 10px; margin: 8px 0 6px; }
.gr-box[hidden] { display: none; }
.gr-bub { display: flex; align-items: center; gap: 10px; animation: tz-rise .5s cubic-bezier(.2, .8, .2, 1) both; }
.gr-av { flex: none; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; color: #fff;
  background: radial-gradient(circle at 32% 28%, #ffffff 0 6%, transparent 30%), linear-gradient(145deg, #8B7BFF 0%, #4F7BFF 55%, #3BC0E6 100%);
  box-shadow: inset 0 -3px 6px rgba(20, 30, 90, .28), inset 0 2px 3px rgba(255, 255, 255, .45), 0 6px 14px -6px rgba(79, 123, 255, .65);
  animation: tz-float 4.5s ease-in-out infinite; }
.gr-av svg { width: 22px; height: 22px; fill: currentColor; filter: drop-shadow(0 1px 1px rgba(20, 30, 90, .35)); }
.gr-hi { position: relative; flex: 1; min-width: 0; margin: 0; padding: 12px 16px; border-radius: 22px 22px 22px 8px;
  background: linear-gradient(135deg, color-mix(in srgb, #8B7BFF 13%, var(--card)) 0%, color-mix(in srgb, #3BC0E6 10%, var(--card)) 100%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #6F7BFF 20%, transparent), var(--sh-1, none);
  font-size: var(--fs-3); font-weight: 600; line-height: 1.45; color: var(--text); word-break: keep-all; overflow-wrap: anywhere;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.gr-warn { display: flex; align-items: center; gap: 10px; padding: 12px 10px 12px 12px; border-radius: 20px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--up) 15%, var(--card)) 0%, color-mix(in srgb, var(--up) 6%, var(--card)) 100%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--up) 30%, transparent), 0 8px 18px -12px color-mix(in srgb, var(--up) 60%, transparent);
  animation: tz-rise .5s .08s cubic-bezier(.2, .8, .2, 1) both; }
.gr-w-ic { flex: none; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; color: #fff;
  background: radial-gradient(circle at 32% 28%, rgba(255, 255, 255, .5) 0 8%, transparent 32%), var(--up);
  box-shadow: inset 0 -2px 5px rgba(0, 0, 0, .18), 0 4px 10px -4px color-mix(in srgb, var(--up) 70%, transparent); }
.gr-w-ic svg { width: 20px; height: 20px; }
.gr-w-tx { flex: 1; min-width: 0; display: grid; gap: 2px; line-height: 1.4; word-break: keep-all; overflow-wrap: anywhere; }
.gr-w-tx b { font-size: var(--fs-3); font-weight: 800; color: var(--up); }
.gr-w-tx span { font-size: var(--fs-2); font-weight: 600; color: var(--text); }
.gr-warn .tz-q { flex: none; }
@media (prefers-reduced-motion: reduce) { .gr-bub, .gr-av, .gr-warn { animation: none; } }