:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#16161a;color:#e8e8ea}body{margin:0;padding:2rem 1rem}#app{max-width:64rem;margin:0 auto}h1{font-size:1.25rem;margin:0 0 1rem}.bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid #2c2c34;border-radius:.5rem;margin-bottom:1rem}.bar__status{margin-left:auto;font-size:.85rem;opacity:.75}.layout{display:grid;grid-template-columns:minmax(0,1fr) 21rem;gap:1rem;align-items:start}@media(max-width:60rem){.layout{grid-template-columns:minmax(0,1fr)}}.log{border:1px solid #2c2c34;border-radius:.5rem;padding:.75rem 1rem}.log__title{font-size:.9rem;margin:0 0 .5rem}.log__empty{margin:0;font-size:.8rem;opacity:.6}.log__list{list-style:none;margin:0;padding:0;max-height:34rem;overflow-y:auto;font-size:.78rem;font-variant-numeric:tabular-nums}.log__list li{padding:.2rem 0;border-bottom:1px solid #23232a;line-height:1.35}.log__stamp{opacity:.6;margin-right:.4rem}.log__channel{color:#c4a5ff;margin-right:.4rem}.log__text{font-weight:600}.add{display:flex;gap:.5rem;margin-bottom:1rem}.add input{flex:1}.row{padding:.75rem 1rem;border:1px solid #2c2c34;border-radius:.5rem;margin-bottom:.5rem}.row__main{display:flex;align-items:center;flex-wrap:nowrap;gap:.75rem}.row__controls{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;flex:1}.row__join,.row__delete{flex-shrink:0}.row__title{display:flex;flex-direction:column;gap:.15rem;min-width:12rem}.row__name{font-weight:600;color:inherit;text-decoration:none}.row__name:hover{color:#c4a5ff;text-decoration:underline}.row__seen{font-size:.75rem;opacity:.6;font-variant-numeric:tabular-nums}.row__delete{display:grid;place-items:center;width:2.1rem;height:2.1rem;padding:0;color:#a8a8b4}.row__delete svg{width:.95rem;height:.95rem}.row__delete:hover{color:#ff8080;border-color:#7a3030}.row__error{flex-basis:100%;color:#ff8080;font-size:.85rem}.row label{display:flex;align-items:center;gap:.35rem;font-size:.9rem;white-space:nowrap}.row input[type=number]{width:4.5rem}.row.is-hot{border-color:#ffd166;background:#3a2f16}button,input{font:inherit;padding:.35rem .7rem;border-radius:.35rem;border:1px solid #3a3a44;background:#22222a;color:inherit}button:not(:disabled){cursor:pointer}button:disabled,input:disabled{opacity:.45}.hint{font-size:.85rem;opacity:.7}.mode{padding:.75rem 1rem;border:1px solid #7a5a1a;background:#33280f;border-radius:.5rem;margin-bottom:1rem;font-size:.9rem}.mode__toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600}.mode__hint{margin:.35rem 0 0;opacity:.8}.mode--live{border-color:#7a2020;background:#3a1414}.warn{border:1px solid #7a5a1a;background:#33280f;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.9rem}