body.sp-pub { --acc: var(--neon);  min-height: 100vh; }
body.acc-amber { --acc: var(--amber); }
body.acc-blue { --acc: var(--blue); }
body.acc-violet { --acc: var(--violet); }
.sp-wrap { max-width: 980px; margin: 0 auto; padding: 56px 20px 40px; }
.sp-top { display: flex; align-items: center; gap: 16px; margin-bottom: 28px; }
.sp-top h1 { font-size: 30px; letter-spacing: -0.03em; }
.sp-top p { color: var(--ink-3); font: 400 13px/1.5 var(--f-mono); margin-top: 4px; }
.sp-logo { width: 40px; height: 40px; border-radius: var(--r-md); object-fit: contain; background: var(--surface-2); }
.sp-logo-l { display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--r-md); font-weight: 600; color: var(--acc); background: color-mix(in oklch, var(--acc) 12%, transparent); border: 1px solid color-mix(in oklch, var(--acc) 35%, transparent); }
.sp-state { display: flex; align-items: center; gap: 14px; padding: 20px 22px; margin-bottom: 20px; border-radius: var(--r-md); border: 1px solid var(--jade-ring); background: linear-gradient(color-mix(in oklab, var(--jade-soft) 60%, transparent), color-mix(in oklab, var(--jade-soft) 60%, transparent)), color-mix(in oklab, var(--sf1) 70%, transparent); }
.sp-state h2 { font-size: 20px; letter-spacing: -0.02em; }
.sp-state .st { width: 11px; height: 11px; }
.sp-state.slow { border-color: var(--amber-ring); background: linear-gradient(color-mix(in oklab, var(--amber-soft) 60%, transparent), color-mix(in oklab, var(--amber-soft) 60%, transparent)), color-mix(in oklab, var(--sf1) 70%, transparent); }
.sp-state.down { border-color: var(--red-ring); background: linear-gradient(color-mix(in oklab, var(--red-soft) 60%, transparent), color-mix(in oklab, var(--red-soft) 60%, transparent)), color-mix(in oklab, var(--sf1) 70%, transparent); }
.sp-upd-at { margin-left: auto; font: 400 12px var(--f-mono); color: var(--ink-3); }
.sp-inc.down { border-color: var(--red-ring); background: linear-gradient(color-mix(in oklab, var(--red-soft) 60%, transparent), color-mix(in oklab, var(--red-soft) 60%, transparent)), color-mix(in oklab, var(--sf1) 70%, transparent); }
.sp-inc.neon { border-color: var(--jade-ring); background: linear-gradient(color-mix(in oklab, var(--jade-soft) 60%, transparent), color-mix(in oklab, var(--jade-soft) 60%, transparent)), color-mix(in oklab, var(--sf1) 70%, transparent); }
.sp-inc.neon .when { color: var(--neon); }
.sp-inc.down .when { color: var(--red); }
.sp-none { padding: 14px 0; }
.sp-foot { margin-top: 34px; text-align: center; font: 400 12px var(--f-mono); color: var(--ink-4); }
.sp-foot a:hover { color: var(--acc); }
.sp-pub .glass.sys { padding: 4px 22px 8px; border-radius: var(--r-md); }