:root{color-scheme:dark;font:14px/1.5 Arial,sans-serif;background:#091720;color:#c5dce7}*{box-sizing:border-box}body{margin:0}header{height:70px;background:#132f40;border-bottom:1px solid #3b5968;padding:14px 25px;display:flex;align-items:center;gap:15px}header b{font-size:20px;letter-spacing:1px;color:#8ed3d5}header span{display:block;color:#81a6b9;font-size:10px;letter-spacing:2px}header a{margin-left:auto;color:#8fcbd8;font-size:12px;text-decoration:none}main{max-width:1080px;padding:23px;margin:auto}.banner{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#153d35;color:#a1dbc6;border:1px solid #38685a;padding:10px 15px;font-size:11px;margin-bottom:16px}.banner strong{letter-spacing:1px}.panel{background:#112b3c;border:1px solid #355669;margin-bottom:15px}.panel h2{margin:0;padding:10px 14px;background:#193d50;font-size:12px;letter-spacing:1px;color:#a8c9d9;border-bottom:1px solid #355669}.body{padding:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{font-size:11px;color:#a2c0d2;display:flex;flex-direction:column;gap:6px}input,select{background:#091e2d;color:#d7ecf5;border:1px solid #466477;border-radius:2px;padding:11px;font:13px Arial;min-width:0;width:100%}button{background:#225970;border:1px solid #518298;color:#e4f5fc;border-radius:3px;padding:11px 16px;font:12px Arial;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:41px}button:hover{filter:brightness(1.15)}button:disabled{opacity:.4;cursor:not-allowed}button.stop{background:#78343e;border-color:#ad5b67}button.primary{background:#26765f;border-color:#5ea48c}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0 0}.status{display:flex;align-items:center;gap:10px;background:#0b202e;padding:12px;font:12px monospace;border:1px solid #315263}.status i{width:9px;height:9px;border-radius:50%;background:#597685}.status[data-state=publishing] i,.status[data-state=receiving] i{background:#74e3aa;box-shadow:0 0 9px #74e3aa55}.status[data-state=stopped] i{background:#d7aa61}.status strong{color:#c3e6f0}.meter{display:flex;align-items:center;gap:14px;padding:16px 0}.meter label{min-width:80px}.meter meter{width:100%;height:22px;accent-color:#73d2a1}.meter b{font:12px monospace;white-space:nowrap;min-width:130px}.muted{font-size:11px;color:#8daabd;margin:8px 0;line-height:1.7}.error{padding:12px;background:#522d33;border:1px solid #a05c68;color:#ffd2cf;font-size:12px;margin:12px 0;white-space:pre-wrap}.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.source-card{background:#102e40;border:1px solid #40647b;padding:13px}.source-card h3{margin:0;font-size:16px;color:#d1edf7}.source-card small{display:block;color:#88afc5;margin-top:5px;font-size:10px}.source-card audio{width:100%;height:34px;margin-top:12px}.source-card .actions{margin-top:10px}.source-card .actions button{padding:8px 12px;min-height:34px;font-size:11px}.source-card .statistics{font:10px/1.6 monospace;margin-top:8px;color:#8ab3c9}.test-badge{display:inline-block;font:9px monospace;color:#ffe1aa;background:#5f4827;padding:3px 7px;margin-top:6px}.hidden,[hidden]{display:none!important}pre{background:#091c2a;border:1px solid #36556a;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.6 monospace;color:#b9dbe9}.key-login{max-width:550px;margin:35px auto}.key-login h1{font-size:26px}.key-login input{margin:12px 0}.columns{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.checklist{padding-left:18px;color:#a3bece;font-size:12px;line-height:1.9}footer{max-width:1080px;margin:0 auto;padding:12px 23px;color:#64879d;font-size:10px}a{color:#82c7d7}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #78d7e1;outline-offset:2px}@media(max-width:720px){main{padding:13px}.form-grid,.columns,.source-grid{grid-template-columns:1fr}header{padding:10px 14px}header b{font-size:16px}header span{font-size:8px}.banner{align-items:flex-start;flex-direction:column}.meter{flex-wrap:wrap}}