/* Sky ribbon */
.sky-row{display:flex;gap:10px;align-items:center;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}
.sky-row::-webkit-scrollbar{display:none}
.sky-chip{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:999px;
  background:rgba(255,255,255,.03);border:1px solid var(--line);color:var(--text-dim);white-space:nowrap;
  transition:.15s;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:inherit}
.sky-chip:hover{color:var(--text);border-color:var(--line-strong)}
.sky-chip .glyph{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.4);color:#fff}
.sky-chip .name{font-weight:500;font-size:13px;color:var(--text)}
.sky-chip .count{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--text-dim);padding:2px 6px;border-radius:5px;background:rgba(255,255,255,.05)}
.sky-chip.active{background:rgba(255,120,30,.08);border-color:var(--line-strong);color:var(--text)}
.sky-chip.active .name{color:var(--ember-soft)}
.sky-chip .lock{color:var(--warn);font-size:10px}
.sky-chip.add{border-style:dashed;color:var(--text-xdim)}
.sky-chip.add:hover{color:var(--ember);border-color:var(--line-strong)}
.sky-chip.all .glyph{background:linear-gradient(160deg,#ff9a4a,#d95a00);color:#fff}
.sky-chip .sky-leave{display:inline-grid;place-items:center;width:20px;height:20px;margin-left:4px;border-radius:50%;
  background:rgba(255,255,255,.05);color:var(--text-dim);font-size:14px;line-height:1;cursor:pointer;
  border:1px solid var(--line);opacity:.6;transition:opacity .15s,background .15s,color .15s,border-color .15s}
.sky-chip:hover .sky-leave,.sky-chip:focus-within .sky-leave{opacity:.9}
.sky-chip .sky-leave:hover{opacity:1;background:rgba(255,90,80,.2);color:#ff8a80;border-color:rgba(255,90,80,.5)}

.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 7px;border-radius:999px;
  font-size:10.5px;font-family:'JetBrains Mono',monospace;
  background:rgba(255,255,255,.04);color:var(--text-dim);border:1px solid var(--line)}
.chip.live{background:rgba(123,216,143,.1);color:var(--ok);border-color:rgba(123,216,143,.3)}
.chip.live .d{width:5px;height:5px;border-radius:50%;background:var(--ok);box-shadow:0 0 6px var(--ok);animation:blink 1.2s infinite}
@keyframes blink{50%{opacity:.4}}

.sky-tag{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-family:'JetBrains Mono',monospace;color:var(--text-dim)}
.sky-tag .g{width:12px;height:12px;border-radius:50%;display:grid;place-items:center;font-size:8px;color:#fff}