#xtra-tr-btn{position:fixed;right:18px;bottom:18px;z-index:99998;background:#1a73e8;color:#fff;border:0;
  border-radius:24px;padding:11px 18px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.28);
  font-family:Arial,sans-serif}
#xtra-tr-btn:hover{background:#1666d0}
#xtra-tr-panel{position:fixed;right:18px;bottom:70px;z-index:99999;width:min(420px,92vw);max-height:60vh;
  background:#fff;color:#202124;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.35);display:none;flex-direction:column;
  font-family:Arial,sans-serif;overflow:hidden}
#xtra-tr-panel.on{display:flex}
.xtra-tr-head{display:flex;justify-content:space-between;align-items:center;background:#1a73e8;color:#fff;padding:10px 14px;font-weight:700}
.xtra-tr-head button{background:transparent;border:0;color:#fff;font-size:16px;cursor:pointer}
.xtra-tr-body{padding:14px 16px;overflow-y:auto;line-height:1.5;font-size:15px;white-space:normal}
.xtra-tr-load{display:inline-block;width:14px;height:14px;border:2px solid #ccc;border-top-color:#1a73e8;border-radius:50%;animation:xtraspin .8s linear infinite;vertical-align:middle}
@keyframes xtraspin{to{transform:rotate(360deg)}}