html,body{color:#e0e0e0;box-sizing:border-box;background-color:#2a2a2a;width:100vw;height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}*,:before,:after{box-sizing:inherit}#app{width:100vw;height:100vh;display:block}#ui-container{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:20px;left:20px;right:20px}.left-stats,.center-title,.right-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#1e1e1ecc;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500}.center-title{color:#fff;letter-spacing:.5px;white-space:nowrap;font-size:16px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}button{color:#a0a0a0;cursor:pointer;background:0 0;border:none;border-radius:4px;margin:0 4px;padding:4px 12px;font-size:14px;font-weight:600;transition:all .2s}button:hover{color:#fff;background:#ffffff26}button.active{color:#fdcc52;background:#0009;border-radius:6px;box-shadow:inset 0 2px 4px #000c}#tooltip{color:#fff;pointer-events:none;opacity:0;z-index:20;white-space:nowrap;background:#000000d9;border-radius:6px;padding:6px 12px;font-size:12px;transition:opacity .15s;position:absolute;transform:translate(-50%,-150%)}#btn-info{z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;opacity:1;pointer-events:auto;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0;padding:0;font-size:24px;transition:all .3s;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}#btn-info:hover{background:#fff3;transform:translate(-50%)scale(1.1)}#btn-info.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(20px)}#sidebar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:20;background:#141414d9;border-left:1px solid #ffffff1a;width:350px;height:100vh;padding:40px 30px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;right:0;transform:translate(100%)}#sidebar.active{transform:translate(0)}#btn-close-sidebar{color:#a0a0a0;cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;top:20px;right:20px}#btn-close-sidebar:hover{color:#fff;background:0 0}#sidebar-title{word-wrap:break-word;margin-bottom:15px;font-size:18px;font-weight:600}#sidebar-desc{color:#ccc;white-space:pre-wrap;font-size:14px;line-height:1.6}@media (width<=768px){#ui-container{flex-direction:column;gap:12px;top:15px;left:10px;right:10px}.center-title{order:-1;width:auto;position:relative;left:auto;transform:none}.right-controls{flex-wrap:wrap;justify-content:center;padding:6px;display:flex}button{margin:2px;padding:6px 10px;font-size:13px}#sidebar{width:100%;padding:40px 20px}#tooltip{display:none!important}}#footer-link{z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ecc;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;position:absolute;bottom:20px;right:20px}#footer-link a{color:#a0a0a0;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}#footer-link a:hover{color:#fff}@media (width<=768px){#footer-link{width:max-content;padding:6px 12px;bottom:10px;right:50%;transform:translate(50%)}#footer-link a{font-size:13px}}#bottom-left-controls{z-index:15;gap:10px;display:flex;position:absolute;bottom:20px;left:20px}#bottom-left-controls button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ecc;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;font-size:16px;display:flex}#bottom-left-controls button:hover{color:#fff;background:#fff3}body.light-theme{color:#333;background-color:#e6e6e6}body.light-theme .left-stats,body.light-theme .center-title,body.light-theme .right-controls,body.light-theme #footer-link,body.light-theme #bottom-left-controls button{color:#333;background:#ffffffd9;border:1px solid #00000026}body.light-theme .center-title{color:#111}body.light-theme button{color:#666}body.light-theme button:hover{color:#000;background:#0000000d}body.light-theme button.active{color:#d97706;background:#0000001a;box-shadow:inset 0 2px 4px #0000001a}body.light-theme #sidebar{color:#222;background:#f5f5f5e6;border-left:1px solid #0000001a}body.light-theme #sidebar-desc{color:#555}body.light-theme #tooltip{color:#111;background:#fffffff2;border:1px solid #0000001a}body.light-theme #btn-info{color:#333;background:#ffffffd9;border:1px solid #00000026}body.light-theme #footer-link a{color:#555}body.light-theme #footer-link a:hover{color:#000}@media (width<=768px){#bottom-left-controls{bottom:10px;left:10px}}#custom-scrollbar-container{z-index:9999;-webkit-user-select:none;user-select:none;align-items:center;height:70%;display:flex;position:fixed;top:15%;right:20px}#scrollbar-track{cursor:pointer;background:#fff3;border-radius:4px;width:8px;height:100%;position:relative}body.light-theme #scrollbar-track{background:#0003}#scrollbar-thumb{cursor:grab;background:#ffffffe6;border-radius:4px;width:100%;height:40px;transition:background .2s,transform .1s;position:absolute;top:38%;left:0}#scrollbar-thumb:active{cursor:grabbing;transform:scale1.1;background:#fff}body.light-theme #scrollbar-thumb{background:#0009}#scrollbar-label{color:#fff;pointer-events:none;white-space:nowrap;opacity:0;background:#000c;border-radius:6px;padding:6px 10px;font-family:sans-serif;font-size:11px;font-weight:600;transition:opacity .2s;position:absolute;right:20px}#custom-scrollbar-container:hover #scrollbar-label,#scrollbar-track:active~#scrollbar-label{opacity:1}body.light-theme #scrollbar-label{color:#000;background:#ffffffe6;box-shadow:0 2px 8px #00000026}