.syx{--surface:#121214;--surface-2:#17171a;--hair:hsla(0,0%,100%,.06);--muted:#928e86;--dim:#5f5c56;--serif:var(--font-serif),Georgia,serif;--sans:var(--font-sans),system-ui,sans-serif;--mono:var(--font-mono),ui-monospace,monospace;font-family:var(--sans)}.syx .pos{color:var(--pos)}.syx .neg{color:var(--neg)}.syx .acc{color:var(--accent)}.syx .label{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);font-weight:600}.syx .head{display:flex;align-items:baseline;gap:15px;margin:0 2px 16px}.syx .head h1{font-family:var(--serif);font-weight:400;font-size:29px;letter-spacing:-.01em;line-height:1}.syx .head p{font-size:11px;color:var(--muted);max-width:440px;line-height:1.4}.syx .head .upd{margin-left:auto;align-self:baseline;font-family:var(--mono);font-size:10.5px;color:var(--dim);white-space:nowrap}.syx .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:13px;align-items:stretch}.syx .panel{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:16px 18px}.syx h2{font-family:var(--serif);font-weight:400;font-size:14px}.syx .phead{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:13px}.syx .phead .meta{font-size:9.5px;color:var(--dim);letter-spacing:.1em;text-transform:uppercase}.syx .status{grid-column:span 12;display:flex;gap:0}.syx .status .cell{flex:1;padding:2px 24px;border-left:1px solid var(--hair)}.syx .status .cell:first-child{padding-left:2px;border-left:none}.syx .status .label{margin-bottom:9px}.syx .status .v{font-family:var(--mono);font-size:15px;font-variant-numeric:tabular-nums}.syx .dotv{display:inline-flex;align-items:center;gap:9px}.syx .dotv .d{width:7px;height:7px;border-radius:50%;flex:none}.syx .d.on{background:var(--pos);box-shadow:0 0 0 3px rgba(111,164,135,.12)}.syx .d.off{background:var(--dim)}.syx .kill{grid-column:span 5;display:flex;flex-direction:column}.syx .btns{display:flex;gap:9px;margin-bottom:13px;flex-wrap:wrap}.syx .btn{font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;padding:9px 14px;border-radius:3px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);cursor:pointer;transition:color .12s,border-color .12s,background .12s}.syx .btn:hover{color:var(--text);border-color:var(--accent)}.syx .btn:disabled{opacity:.5;cursor:default}.syx .btn.k{color:var(--neg);border-color:hsla(12,41%,58%,.3)}.syx .btn.k:hover{background:hsla(12,41%,58%,.1);border-color:var(--neg)}.syx .btn.p{color:var(--accent);border-color:hsla(39,38%,62%,.3)}.syx .btn.p:hover{background:hsla(39,38%,62%,.1)}.syx .btn.r{color:var(--pos);border-color:rgba(111,164,135,.3)}.syx .btn.r:hover{background:rgba(111,164,135,.1)}.syx .state{font-size:10px;color:var(--dim);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.syx .state b{color:var(--muted);font-weight:600}.syx .state b.on{color:var(--neg)}.syx .state b.onp{color:var(--accent)}.syx .desc{font-size:10.5px;color:var(--dim);line-height:1.55;margin-top:auto}.syx .beat{grid-column:span 7;display:flex;flex-direction:column;height:280px;overflow:hidden}.syx .beat .scroll{flex:1;overflow-y:auto;min-height:0;margin:0 -4px;padding:0 4px}.syx .beat .scroll::-webkit-scrollbar{width:6px}.syx .beat .scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.syx .hb{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid var(--hair);font-size:12px}.syx .hb:last-child{border-bottom:none}.syx .hb .d{width:5px;height:5px;border-radius:50%;background:var(--pos);flex:none}.syx .hb .job{font-family:var(--mono);font-size:11.5px;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.syx .hb .t{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--dim);flex:none}.syx .beat .empty{font-size:11px;color:var(--dim);font-style:italic;padding:8px 0}.syx .killbanner{grid-column:span 12;font-size:12px;color:var(--neg);border-left:2px solid var(--neg);padding:9px 13px;background:var(--surface-2);border-radius:0 4px 4px 0}.syx .grid>*{opacity:0;transform:translateY(6px);animation:syx-rise .5s cubic-bezier(.2,.7,.3,1) forwards}.syx .grid>:first-child{animation-delay:.03s}.syx .grid>:nth-child(2){animation-delay:.08s}.syx .grid>:nth-child(3){animation-delay:.13s}.syx .grid>:nth-child(n+4){animation-delay:.18s}@keyframes syx-rise{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.syx .grid>*{animation:none;opacity:1;transform:none}}@media (max-width:820px){.syx .beat,.syx .kill{grid-column:span 12}.syx .status{flex-wrap:wrap;row-gap:4px}.syx .status .cell{flex:1 1 42%;border-left:none;border-top:1px solid var(--hair);padding:11px 0 6px}.syx .status .cell:first-child,.syx .status .cell:nth-child(2){border-top:none}}