:root{color-scheme:dark;font:14px -apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:#11151b;color:#dfe7f1}*{box-sizing:border-box}body{margin:0}header{position:sticky;top:0;z-index:4;background:#171d25e8;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff12;display:flex;justify-content:space-between;align-items:center;padding:18px 20px}header small{font-weight:400;color:#8b9bac;margin-left:8px}#connection{font-size:11px;color:#a1c6b4}main{max-width:760px;margin:auto;padding:16px}h2{font-size:13px;color:#8b9bac;font-weight:500;margin:20px 0 10px}article,#host{padding:14px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff03;margin-bottom:12px}.head{display:flex;justify-content:space-between;align-items:center;gap:10px}.detail{color:#8c9dae;font-size:12px;line-height:1.7;margin:10px 0}.actions{display:flex;gap:8px}button,input{font:inherit;border:1px solid #ffffff1a;border-radius:8px;padding:10px;background:#ffffff07;color:inherit}button{cursor:pointer;min-height:40px;flex:1}button:disabled{opacity:.35;cursor:default}form{display:grid;gap:10px}.badge{font-size:11px;color:#8fbaa2}.source-preview{height:160px;background:#080b10;border-radius:8px;overflow:hidden;margin:12px 0}.source-preview video{height:100%;width:100%;object-fit:contain}.source-preview-info{display:none}video[hidden]{display:none}#notice{position:sticky;bottom:8px;font-size:12px;padding:10px;background:#243244;border-radius:8px}#notice:empty{display:none}[hidden]{display:none!important}.offline #connection{color:#e5ae87}body.offline article{opacity:.65}

dialog{width:min(420px,calc(100vw - 32px));border:1px solid #ffffff22;border-radius:16px;background:#171d25;color:inherit;padding:20px}dialog::backdrop{background:#0008;backdrop-filter:blur(6px)}dialog h2{margin-top:0}dialog p{font-size:12px;color:#9baabb;line-height:1.6}select{font:inherit;color:inherit;background:#222a34;border:1px solid #ffffff22;border-radius:8px;padding:10px}.actions{flex-wrap:wrap}input{min-width:0;width:100%}

.source-preview{position:relative;height:180px}.source-preview img{width:100%;height:100%;object-fit:contain}.source-preview span{position:absolute;bottom:6px;left:8px;background:#000b;padding:4px 6px;border-radius:4px;font-size:11px;color:#ccd5df}

#companions .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.actions button{white-space:nowrap}#host:empty{display:none}