:root{color-scheme:dark;font-family:Arial,sans-serif;color:#f1edcf}*{box-sizing:border-box}html,body{background:transparent!important;margin:0;overflow:hidden}#widget{width:480px;padding:16px 20px;border:1px solid rgba(199,214,158,.28);border-radius:16px;background:rgba(20,39,30,.88)}[hidden]{display:none!important}header{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.8px;color:#b7c998}header .leaf{width:16px;height:18px;flex-shrink:0}#stream-status{margin-left:auto;font-size:10px;letter-spacing:.3px;color:#d1d7b7}#rates{display:flex;gap:20px;margin-top:16px}.rate{flex:1;min-width:0}.rate small{display:block;font-size:10px;letter-spacing:1.2px;color:#c0ccaa}.rate strong{display:block;font-size:var(--size,24px);font-weight:600;margin-top:6px;font-variant-numeric:tabular-nums}.rate p{font-size:10px;margin:5px 0;color:#b9c4af}#graphs{display:flex;gap:16px;margin-top:16px}.graph{flex:1;min-width:0}.graph p{font-size:10px;color:#c0ccaa;margin:0 0 6px}.graph svg{width:100%;height:170px;display:block}.graph text{font-size:10px;fill:#c4cfb5}.graph .grid{stroke:#76846b;stroke-opacity:.25}.graph polyline{fill:none;stroke:#b5c994;stroke-width:2.5}.graph circle{fill:#d6deb4}footer{font-size:11px;letter-spacing:.5px;margin-top:12px;color:#c4cfb5}
:root.browser-overlay,:root.browser-overlay body{background:#ff00ff!important}.browser-overlay #widget{max-width:100vw}.browser-overlay #overlay-help{max-width:480px;margin:8px;padding:16px;line-height:1.6;font-size:13px;border-radius:12px;background:#14271e;color:#f1edcf}

#rates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}#rates .rate:only-child{grid-column:1/-1}