:root{color-scheme:dark;--bg:#111827;--line:#354156;--text:#f4f6f8;--muted:#a8b2c1;--red:#d63e46;--yellow:#d7a91e;--blue:#2878c8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px Arial,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:14px max(14px,calc((100vw - 1180px)/2));background:#0b111c;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3}h1{font-size:20px;margin:0}nav{display:flex;gap:18px;align-items:center}a{color:#d4e2f6;text-decoration:none}#live{font-size:12px;color:var(--muted)}#live.ok{color:#55d58a}main{max-width:1180px;margin:auto;padding:14px}.controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;margin-bottom:12px}input,select{border:1px solid var(--line);background:#182231;color:var(--text);padding:10px 12px;border-radius:5px}#messages{border:1px solid var(--line);border-radius:5px;overflow:hidden}.row{display:grid;grid-template-columns:94px 1fr;min-height:66px;background:#192333;border-bottom:1px solid #303c4e}.row:last-child{border-bottom:0}.marker{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8px;font-weight:bold;background:var(--blue)}.red .marker{background:var(--red)}.yellow .marker{background:var(--yellow);color:#171717}.blue .marker{background:var(--blue)}.prio{font-size:17px}.time{font-size:11px;margin-top:5px;font-weight:normal}.body{display:flex;align-items:center;padding:12px 15px}.text{font-size:17px;font-weight:600;overflow-wrap:anywhere}#empty{text-align:center;padding:60px;color:var(--muted);display:none}@media(max-width:650px){.controls{grid-template-columns:1fr}.row{grid-template-columns:74px 1fr}.text{font-size:15px}header{padding:12px}}