:root{font-family:system-ui,sans-serif;color:#e6edf5;background:#111820;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{padding:16px 22px;background:#1b2735;display:flex;align-items:center;gap:20px}h1{margin:0;font-size:24px}header button{margin-left:auto}main{max-width:1100px;margin:auto;padding:18px}h2{font-size:20px;margin:8px 0}button,input,select{font:inherit;border:1px solid #496179;border-radius:7px;padding:10px;background:#233448;color:inherit}button{cursor:pointer}button:hover{background:#354d67}button:disabled{opacity:.4;cursor:default}input{max-width:100%}.bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0}label{display:flex;align-items:center;gap:8px}.danger{background:#942e3b;border-color:#bd5662}#devices{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}#devices button{text-align:left;white-space:pre-line}#screen{position:relative;background:#070b10;min-height:80px;line-height:0}#video,#photo{width:100%;height:auto;display:block;touch-action:manipulation}#dot{position:absolute;transform:translate(-50%,-50%);font-size:32px;color:#ffef46;pointer-events:none;line-height:1}p{font-size:14px;color:#b3c7db;line-height:1.6}#notice{position:sticky;bottom:0;background:#233448;padding:12px;min-height:45px;border-radius:6px}#lease{color:#86dbc7}[hidden]{display:none!important}#frameInfo{font-variant-numeric:tabular-nums}#login{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:600px){main{padding:10px}header{padding:12px}header span{display:none}.bar button{flex:1}label{font-size:14px}button{min-height:44px}}