@media only screen and (max-width:681px){.big{display:none}.small{display:block}.header{margin-top:5px}.toolTile{padding:5px}.description,.endpoint{width:95%}.leftText{text-align:left;padding-left:2%;padding-right:2%}pre.marginLeft{padding-left:5%}}@media only screen and (min-width:681px){.big{display:block}.small{display:none}h1 span{font-size:1.5em}.header{margin-top:10px}.footer{margin-top:10px}.description,.endpoint{width:85%}.leftText{text-align:left;padding-left:5%;padding-right:5%}pre.marginLeft{padding-left:15%}}[data-theme="dark"] body{background-color:var(--bg);color:var(--text)}[data-theme="dark"] .description,[data-theme="dark"] .endpoint{background:var(--card)}html{font-size:16px;background-color:var(--bg)}body{font-family:"Varela",'arial',sans-serif;font-size:0.9em;line-height:1.4em;background-color:var(--bg);color:var(--text);margin:0px auto;max-width:960px}.headerText{padding-top:1em}h1{font-family:'arial',sans-serif;font-weight:600;margin:0px;padding:0px;text-align:center;color:var(--text)}h1 span{vertical-align:middle}.description,.endpoint{margin:0 auto;padding:10px 0px}.red{color:#e9552c}a{color:var(--link);text-decoration:none}.centerText{text-align:center}.verticalImage{vertical-align:middle}code,pre{font-size:0.85em;line-height:1.2em;margin:0}.goHome{margin:0px}.form{margin:0 auto}hr{margin:10px 10% 10px 10%;border:0;height:1px;background:#333;background-image:linear-gradient(to right,#ccc,#888,#ccc)}.container{margin:15px auto 0px auto;display:flex;flex-flow:column nowrap;align-items:center}.addRepo{margin:0px auto 10px auto}.addRepo .action,.upload .action{display:inline-block;padding:6px 14px;border-radius:6px;border:1px solid var(--input-border);background:var(--card);color:var(--text);cursor:pointer;font:inherit;font-weight:600}.addRepo .action:hover,.upload .action:hover{background:var(--bg)}#clearAll,#clearAll2{margin-left:10px;color:#cf222e;border-color:#ff8182}[data-theme="dark"] #clearAll,[data-theme="dark"] #clearAll2{color:#f47067}.addRepo input{padding:6px 10px;border-radius:6px;border:1px solid var(--input-border);background:var(--input-bg);color:inherit;margin-right:10px;vertical-align:middle;font-size:0.9em}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}#addForm{display:flex;align-items:center;justify-content:center}.loader{border:4px solid var(--input-border);border-radius:50%;border-top:4px solid var(--muted,#59636e);margin:15px auto 10px auto;width:28px;height:28px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.news{margin:5px auto 5px auto;display:flex;flex-flow:column nowrap;align-items:center}.update{border:1px solid var(--input-border);background-color:var(--card);color:var(--text);border-radius:6px;text-align:center;padding:0.5em}#myChart{touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}@media only screen and (max-width:681px){#myChart{min-width:600px;min-height:300px}}

.chartBox{position:relative;height:380px;max-width:960px;margin:0 auto;padding:0 8px}#myChart{touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}@media only screen and (max-width:681px){.chartBox{height:300px;padding:0 4px}}
.chartBox{height:clamp(240px,52vh,460px)}
#myChart{width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none}
.chartBox{touch-action:none;overscroll-behavior:contain;position:relative}
code{overflow-wrap:anywhere;word-break:break-word}img,canvas,svg,table{max-width:100%}body{overflow-x:hidden}

.chartBox{height:clamp(320px,62vh,560px)}
.related-tools{margin:0 auto;padding:10px 0;max-width:900px;text-align:center}.related-tools ul{list-style:none;padding:0;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.related-tools h2{font-size:1.1em}
/* ---- polished header ---- */
.starsHeader h1{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.5em;margin:0}
.starsHeader h1 img{border-radius:50%}
.starsSub{margin:4px 0 0 0;opacity:.7;font-size:.9em}
.starsHeader+section.container .headerText{margin:10px auto 14px;max-width:820px;opacity:.85}
/* ---- chips ---- */

.repoChip .chipName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}
.repoChip .chipTotal{font-weight:bold;opacity:.85}

.repoChip button:hover{opacity:1;background:var(--input-border)}
/* ---- controls ---- */

.controls button:hover{border-color:var(--accent);color:var(--accent)}
/* ---- stats table ---- */
#statsTable{margin:14px auto 4px;max-width:900px;padding:0 8px}
.statsBox{border:1px solid var(--input-border);border-radius:10px;background:var(--card);overflow-x:auto}
.statsHead,.statsRow{display:grid;grid-template-columns:minmax(140px,2fr) repeat(4,minmax(64px,1fr));gap:4px;padding:8px 12px;align-items:center}
.statsHead{font-weight:bold;font-size:.8em;opacity:.7;border-bottom:1px solid var(--input-border);text-transform:uppercase;letter-spacing:.04em}
.statsRow{font-size:.88em;border-bottom:1px solid var(--input-border)}
.statsRow:last-child{border-bottom:0}
.statsRow>span{text-align:right;white-space:nowrap}
.statsRow .sName{text-align:left;display:flex;align-items:center;gap:7px;overflow:hidden;text-overflow:ellipsis}
.statsRow .dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
.statsRow .sTotal{font-weight:bold}
.statsRow .up{color:#1a7f37}
.statsRow .down{color:#cf222e}
.statsRow .flat,.statsRow .na{opacity:.5}
[data-theme="dark"] .statsRow .up{color:#3fb950}
[data-theme="dark"] .statsRow .down{color:#f85149}
@media only screen and (max-width:681px){.statsHead,.statsRow{grid-template-columns:minmax(110px,2fr) repeat(4,minmax(56px,1fr));padding:8px;font-size:.95em}.repoChip .chipName{max-width:150px}}
/* ---- empty state ---- */

.chartEmpty span{font-family:monospace;background:var(--card);border:1px solid var(--input-border);border-radius:4px;padding:1px 6px}
/* ---- inline message ---- */

.pageHeader h1,.header h1{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.45em;margin:0}.pageHeader h1 img,.header h1 img{border-radius:50%}@media only screen and (max-width:681px){.pageHeader h1,.header h1{font-size:1.2em}.header h1 img{width:40px!important;height:40px!important}}
/* ---- svg chart + tooltip ---- */
.tip{position:absolute;display:none;pointer-events:none;background:var(--card);border:1px solid var(--input-border);border-radius:8px;padding:7px 10px;font-size:.82em;box-shadow:0 4px 14px rgba(0,0,0,.18);z-index:5;max-width:260px}
.tip .tipTitle{font-weight:bold;margin-bottom:3px;white-space:nowrap}
.tip .tipRow{display:flex;align-items:center;gap:6px;white-space:nowrap}
.tip .tipRow i{width:9px;height:9px;border-radius:50%;flex:0 0 auto;display:inline-block}