#ch.tg .tg-st{padding-bottom:90px}
#ch.tg .tg-st-hero{padding:18px 16px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;background:linear-gradient(180deg,rgba(var(--tg-primary-rgb),.14),transparent)}
#ch.tg .tg-st-ring{position:relative;width:210px;height:210px}
#ch.tg .tg-st-ring-svg{width:100%;height:100%;display:block}
#ch.tg .tg-st-ring-bg{stroke:var(--tg-surface-3)}
#ch.tg .tg-st-ring-fg{stroke:var(--tg-primary);transition:stroke-dashoffset .8s var(--tg-ease)}
#ch.tg .tg-st-ring-in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
#ch.tg .tg-st-n{font-size:40px;font-weight:800;letter-spacing:-.5px;line-height:1}
#ch.tg .tg-st-of{font-size:13px;color:var(--tg-text-2)}
#ch.tg .tg-st-msg{font-size:14.5px;font-weight:600;text-align:center;padding:0 8px;max-width:320px}
#ch.tg .tg-st-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%;margin-top:4px}
#ch.tg .tg-st-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;border-radius:12px;background:var(--tg-surface-2)}
#ch.tg .tg-st-chip b{font-size:16px}
#ch.tg .tg-st-chip span{font-size:10.5px;color:var(--tg-text-2);text-align:center;line-height:1.2}
#ch.tg .tg-st-chip.fire b{color:#ff9f43}
#ch.tg .tg-st-ok .tgico{color:var(--tg-primary)}
#ch.tg .tg-st-chart{position:relative;padding:8px 16px 14px}
#ch.tg .tg-st-bars{display:flex;gap:8px;height:150px;align-items:stretch}
#ch.tg .tg-st-bar{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px}
#ch.tg .tg-st-bar-v{font-size:10.5px;color:var(--tg-text-3);height:14px;white-space:nowrap}
#ch.tg .tg-st-bar-track{flex:1;width:100%;display:flex;align-items:flex-end;border-radius:8px;background:var(--tg-surface-2);overflow:hidden}
#ch.tg .tg-st-bar-fill{width:100%;border-radius:8px;background:var(--tg-text-3);opacity:.55;transition:height .6s var(--tg-ease)}
#ch.tg .tg-st-bar.hit .tg-st-bar-fill{background:var(--tg-primary);opacity:1}
#ch.tg .tg-st-bar.today .tg-st-bar-fill{opacity:1}
#ch.tg .tg-st-bar.today .tg-st-bar-d{color:var(--tg-primary);font-weight:700}
#ch.tg .tg-st-bar-d{font-size:12px;color:var(--tg-text-2);height:16px}
#ch.tg .tg-st-goalline{display:none}
#ch.tg .tg-st-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:6px 16px 12px}
#ch.tg .tg-st-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 4px;border-radius:14px;background:var(--tg-surface-2)}
#ch.tg .tg-st-stat b{font-size:17px}
#ch.tg .tg-st-stat span{font-size:11.5px;color:var(--tg-text-2);text-align:center}
#ch.tg .tg-st-badges{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:6px 14px 12px}
#ch.tg .tg-st-badge{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.38;filter:grayscale(1)}
#ch.tg .tg-st-badge.on{opacity:1;filter:none}
#ch.tg .tg-st-badge-i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:var(--tg-surface-2)}
#ch.tg .tg-st-badge.on .tg-st-badge-i{background:rgba(var(--tg-primary-rgb),.18);box-shadow:0 0 0 2px var(--tg-primary)}
#ch.tg .tg-st-badge-t{font-size:10px;text-align:center;color:var(--tg-text-2);line-height:1.25}
#ch.tg .tg-st-tabs{display:flex;gap:6px;padding:4px 16px 8px}
#ch.tg .tg-st-tab{height:32px;padding:0 16px;border:0;border-radius:16px;background:var(--tg-surface-2);color:var(--tg-text-2);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
#ch.tg .tg-st-tab.on{background:var(--tg-primary);color:var(--tg-primary-text)}
#ch.tg .tg-st-rank{font-size:18px;font-weight:700;min-width:28px;text-align:center}
#ch.tg .tg-st-me{background:rgba(var(--tg-primary-rgb),.08)}
#ch.tg .tg-st-load{padding:20px;text-align:center;color:var(--tg-text-3);font-size:14px}
#ch.tg .tg-st-input{width:100%;height:42px;border-radius:12px;border:1px solid var(--tg-input-border);background:var(--tg-input-surface);color:var(--tg-text);padding:0 12px;font:inherit;font-size:16px;outline:none;text-align:center}
#ch.tg .tg-st-input:focus{border-color:var(--tg-primary)}
#ch.tg .tg-st-add{display:flex;flex-direction:column;gap:10px;min-width:240px}
#ch.tg .tg-st-quick{display:flex;gap:6px}
#ch.tg .tg-st-qb{flex:1;height:34px;border:1px solid var(--tg-border);border-radius:10px;background:var(--tg-surface-2);color:var(--tg-text);font:inherit;font-size:13px;cursor:pointer}
#ch.tg .tg-st-setrow .tg-st-input{width:96px;height:36px}
#ch.tg .tg-st .tg-srow-sub,#ch.tg .tg-set .tg-srow-sub{white-space:normal}