:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{color:#e5e5e5;background:#0c0c0c;margin:0}#root{box-sizing:border-box;max-width:100%;min-height:100svh}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg-page:#0c0c0c;--text-main:#e5e5e5;--text-heading:#f2f2f2;--bg-card:#151515;--border-card:#2a2a2a;--text-muted:#888;--bg-menu:#151515;--menu-hover:#222;--bg-panel:#000;--panel-text:#eee;--panel-border:#2a2a2a;--panel-muted:#888;--panel-muted2:#999;--bg-tile:#1a1a1a;--bg-track:#262626;--credit-color:#666;--go-text:#fff;--accent-stats:#4ade80}html[data-theme=light]{--bg-page:#f5f5f7;--text-main:#222;--text-heading:#111;--bg-card:#fff;--border-card:#e0e0e0;--text-muted:#666;--bg-menu:#fff;--menu-hover:#f0f0f0;--bg-panel:#fff;--panel-text:#1a1a1a;--panel-border:#e2e2e2;--panel-muted:#777;--panel-muted2:#666;--bg-tile:#f2f2f4;--bg-track:#e5e5e7;--credit-color:#999;--go-text:#16a34a;--accent-stats:#16a34a}body{background:var(--bg-page)}.page{box-sizing:border-box;min-width:0;max-width:820px;color:var(--text-main);background:var(--bg-page);margin:0 auto;padding:20px 20px 60px}h1{color:var(--text-heading);margin-bottom:20px;font-size:22px}.topbar{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.theme-toggle{background:var(--bg-card);border:1px solid var(--border-card);cursor:pointer;border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex}.theme-toggle-icon{opacity:.4;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex}.theme-toggle-icon.active{background:var(--bg-page);opacity:1;box-shadow:0 0 0 1px var(--border-card)}.topbar-nav{position:relative}.hamburger-btn{background:var(--bg-card);border:1px solid var(--border-card);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;gap:4px;width:36px;height:36px;padding:0 8px;display:flex}.hamburger-btn span{background:var(--text-main);border-radius:1px;width:100%;height:2px;display:block}.hamburger-btn span:nth-child(2){width:60%}.nav-menu{z-index:20;background:var(--bg-menu);border:1px solid var(--border-card);border-radius:10px;flex-direction:column;min-width:150px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0000004d}.nav-menu button,.nav-menu a{text-align:left;color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:9px 12px;font-size:14px;text-decoration:none;display:block}.nav-menu button:hover,.nav-menu a:hover{background:var(--menu-hover)}.nav-menu button.active{color:#4ade80;font-weight:600}.about-panel{color:var(--text-main)}.about-panel h2{color:var(--text-heading);margin:0 0 12px;font-size:17px}.about-panel p{color:var(--text-muted);margin:0 0 10px;font-size:14px;line-height:1.6}.about-panel ul{margin:0 0 10px;padding-left:20px;font-size:14px;line-height:1.8}.stats-panel{color:var(--text-main)}.stats-panel h2{color:var(--text-heading);margin:0 0 16px;font-size:17px}.stats-empty{color:var(--text-muted);margin:0;font-size:14px}.stats-total{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:16px;display:flex}.stats-trend{border-radius:999px;align-items:center;gap:3px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.stats-trend-up{color:#2ecc71;background:#2ecc7124}.stats-trend-down{color:#e5484d;background:#e5484d24}.stats-total-value{color:var(--accent-stats);font-family:SF Mono,Menlo,Consolas,monospace;font-size:36px;font-weight:700}.stats-total-label{color:var(--text-muted);font-size:13px}.stats-chart-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.stats-chart-title{color:var(--text-heading);font-size:13px;font-weight:600}.stats-range-select{background:var(--bg-tile);border:1px solid var(--panel-border,var(--border-card));color:var(--text-main);cursor:pointer;border-radius:6px;padding:4px 8px;font-size:12px}.stats-chart-wrap{position:relative}.stats-chart-svg{width:100%;height:170px;display:block;overflow:visible}.stats-bar{fill:var(--accent-stats);opacity:.85}.stats-trend-line{stroke:var(--accent-stats);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.stats-grid-line{stroke:var(--panel-border,var(--border-card));stroke-width:1px;opacity:.5}.stats-axis-label{fill:var(--text-muted);font-size:8px}.stats-hover-line{stroke:var(--panel-muted2,var(--text-muted));stroke-width:1px;stroke-dasharray:3 3;opacity:.7}.stats-hover-dot{fill:var(--accent-stats);stroke:var(--bg-card);stroke-width:2px}.stats-tooltip{background:var(--bg-tile);border:1px solid var(--panel-border,var(--border-card));white-space:nowrap;pointer-events:none;border-radius:8px;padding:6px 10px;font-size:11px;position:absolute;top:6px;transform:translateY(0);box-shadow:0 4px 12px #00000026}.stats-tooltip-date{color:var(--text-heading);margin-bottom:3px;font-weight:600}.stats-tooltip-value{color:var(--text-main);align-items:center;gap:5px;display:flex}.stats-tooltip-swatch{background:var(--accent-stats);border-radius:2px;width:8px;height:8px;display:inline-block}.stats-bar-label{fill:var(--text-muted);font-size:8px}.stats-login{flex-direction:column;gap:10px;max-width:240px;display:flex}.stats-login input{background:var(--bg-tile);border:1px solid var(--panel-border,var(--border-card));color:var(--text-main);border-radius:8px;padding:10px 12px;font-size:14px}.stats-login input:focus{outline:2px solid var(--accent-stats);outline-offset:1px}.stats-login button{background:var(--accent-stats);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:600}.stats-login button:disabled{opacity:.5;cursor:default}.stats-code-input{letter-spacing:6px;text-align:center;font-family:SF Mono,Menlo,Consolas,monospace;font-size:18px}.stats-form-error{color:#e5484d;margin:-2px 0 0;font-size:13px}.stats-subheading{color:var(--text-heading);margin:22px 0 10px;font-size:14px}.stats-visits-wrap{border:1px solid var(--panel-border,var(--border-card));border-radius:8px;max-height:260px;overflow:auto}.stats-visits-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.stats-visits-table th{background:var(--bg-tile);text-align:left;color:var(--text-muted);padding:8px 10px;font-weight:600;position:sticky;top:0}.stats-visits-table td{border-top:1px solid var(--panel-border,var(--border-card));color:var(--text-main);padding:7px 10px}.stats-visit-ip{font-family:SF Mono,Menlo,Consolas,monospace}.stats-visit-country{white-space:nowrap}.stats-flag{margin-right:4px;font-size:15px}.stats-logout{border:1px solid var(--panel-border,var(--border-card));color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:8px 14px;font-size:13px}.stats-actions-row{gap:10px;margin-top:18px;display:flex}.stats-change-actions{gap:10px;display:flex}.stats-change-inline{max-width:280px;margin-top:18px}.stats-success{color:#2ecc71;margin:14px 0 0;font-size:13px}.card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:10px;margin-bottom:20px;padding:20px}.card-flush{background:0 0;border:none;padding:0}.st-go-inline{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:30px 0 10px;display:flex}.st-meta-server{position:relative}.st-meta-server-btn{cursor:pointer;font:inherit;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:0;display:flex}.st-meta-server-btn:disabled{cursor:default}.st-menu-backdrop{z-index:10;position:fixed;inset:0}.st-server-menu{z-index:20;background:var(--bg-menu);border:1px solid var(--border-card);border-radius:10px;flex-direction:column;min-width:160px;max-height:220px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 8px 24px #00000040}.st-server-menu button{text-align:left;color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 10px;font-size:13px}.st-server-menu button:hover{background:var(--menu-hover)}.st-server-menu button.active{color:#fff;background:#3b82f6}.st-server-menu-group{color:var(--text-muted);padding:8px 10px 2px;font-size:11px}.st-mlab-loading{color:var(--text-muted);padding:6px 10px;font-size:12px}.st-mlab-retry{text-align:left;color:#d9534f;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 10px;font-size:12px}.st-mlab-retry:hover{background:var(--menu-hover)}.st-go-circle{width:220px;height:220px;color:var(--go-text,#fff);letter-spacing:2px;cursor:pointer;background:0 0;border:3px solid #4ade80;border-radius:50%;font-size:34px;font-weight:700;transition:transform .15s,box-shadow .15s;position:relative}.st-go-circle:before,.st-go-circle:after{content:"";pointer-events:none;border:3px solid #4ade80;border-radius:50%;animation:2.4s ease-out infinite go-ripple;position:absolute;inset:0}.st-go-circle:after{animation-delay:1.2s}.st-go-circle:disabled:before,.st-go-circle:disabled:after{animation:none;display:none}@keyframes go-ripple{0%{opacity:.7;transform:scale(1.18)}to{opacity:0;transform:scale(1)}}.st-go-circle:hover:not(:disabled){transform:scale(1.03);box-shadow:0 0 24px #4ade8059}.st-go-circle:disabled{opacity:.6;cursor:not-allowed}.st-go-caption{color:#4ade80;margin:0;font-size:16px}.row{gap:10px;display:flex}.row-end{justify-content:flex-end}.row button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:8px 18px;font-size:14px}.row button:disabled{cursor:not-allowed;background:#35415e}.error{color:#ff6b5e;margin-top:14px}.st-panel{background:var(--bg-panel);color:var(--panel-text);box-sizing:border-box;border-radius:14px;flex-direction:column;align-items:center;max-width:100%;margin-top:20px;padding:22px 12px 26px;transition:background-color .2s,color .2s;display:flex;overflow:hidden}.rates-widget{flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;margin:0 10px;display:flex}.rates-controls{align-items:center;gap:4px;height:36px;display:flex}.rates-select-wrap{display:flex;position:relative}.rates-select-wrap:after{content:"";border-right:2px solid var(--text-heading);border-bottom:2px solid var(--text-heading);pointer-events:none;width:5px;height:5px;position:absolute;top:50%;right:8px;transform:translateY(-70%)rotate(45deg)}.rates-select{appearance:none;background:var(--bg-card);color:#2ecc71;border:1px solid var(--border-card);cursor:pointer;border-radius:8px;height:26px;padding:0 22px 0 8px;font-size:12px;font-weight:700}.rates-swap{background:var(--bg-card);color:#2ecc71;border:1px solid var(--border-card);cursor:pointer;border-radius:8px;width:26px;height:26px;padding:0;font-size:14px;line-height:1}.rates-line{max-width:100%;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.rates-code{color:#2ecc71;font-weight:700}.rates-updated{color:var(--text-muted);white-space:nowrap;align-self:flex-end;font-size:10px}.rates-value{color:#2ecc71;font-family:SF Mono,Menlo,Consolas,monospace;font-weight:700}.st-meta-row{border-bottom:1px solid var(--panel-border);gap:0;width:100%;min-width:0;margin-bottom:18px;padding-bottom:16px;display:flex}.st-meta{border-right:1px solid var(--panel-border);flex-direction:column;flex:1;gap:4px;min-width:0;padding:0 14px;display:flex}.st-meta:first-child{padding-left:0}.st-meta:last-child{border-right:none}.st-meta-icon{font-size:14px}.st-meta-label{color:var(--panel-muted);font-size:11px}.st-meta-value{color:var(--panel-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.st-wan-ip{width:100%;color:var(--panel-muted2);text-align:left;word-break:break-all;margin-bottom:14px;font-size:12px}.st-wan-ip-value{color:#2ecc71;font-weight:600}.st-progress-track{background:var(--bg-track);border-radius:2px;width:100%;height:4px;margin-bottom:10px;overflow:hidden}.st-progress-fill{background:#2ecc71;border-radius:2px;height:100%;transition:width .2s linear,background-color .2s linear}.st-progress-fill.phase-upload{background:#3b82f6}.st-phase-label{color:var(--panel-muted);align-self:flex-start;margin-bottom:4px;font-size:12px}.gauge-svg{width:100%;max-width:260px;height:auto}.gauge-track{stroke:var(--panel-border)}.gauge-value{fill:var(--panel-text);font-size:34px;font-weight:700}.gauge-unit{fill:var(--panel-muted2);font-size:13px}.gauge-scale{fill:var(--panel-muted);font-size:12px}.gauge-fill-active{filter:drop-shadow(0 0 4px #2ecc7180);transition:stroke-dasharray .2s linear}.gauge-fill{transition:stroke-dasharray .2s linear}.chart-svg{width:100%;max-width:300px;height:50px;margin-top:4px}.chart-grid{stroke:var(--panel-border);stroke-width:1px;stroke-dasharray:3 4}.chart-line-download{stroke:#2ecc71;stroke-width:2px}.chart-line-upload{stroke:#3b82f6;stroke-width:2px}.st-credit{color:var(--credit-color);margin:10px 0 16px;font-size:11px}.st-tiles{gap:12px;width:100%;display:flex}.st-tile{background:var(--bg-tile);border-radius:10px;flex-direction:column;flex:1;gap:6px;padding:14px 16px;display:flex}.st-tile-label{color:var(--panel-muted2);font-size:12px}.st-tile-value{color:var(--panel-text);font-size:24px;font-weight:700}.st-tile-value small{color:var(--panel-muted);font-size:13px;font-weight:500}.st-download .st-tile-value{color:#2ecc71}.st-upload .st-tile-value{color:#3b82f6}.st-history{border-top:1px solid var(--panel-border);width:100%;margin-top:18px;padding-top:14px}.st-history-title{color:var(--panel-muted);margin-bottom:8px;font-size:11px}.st-history-row{grid-template-columns:82px minmax(0,1fr) 72px 72px;align-items:center;column-gap:8px;padding:6px 0;font-size:12px;line-height:1.3;display:grid}.st-history-time{color:var(--panel-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.st-history-server{color:var(--panel-muted2);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.st-history-value{white-space:nowrap;font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:3px;font-weight:600;display:flex}.st-history-arrow{flex-shrink:0;width:10px;height:10px}.st-history-down{color:#2ecc71}.st-history-up{color:#3b82f6}
