@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:JetBrains Mono,monospace;background:#0a0a0f;overflow:hidden}#app{position:fixed;top:0;left:0;width:100%;height:100%}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e)}#info-panel{position:fixed;bottom:20px;left:20px;background:#0a0a0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 20px;color:#e0e0e0;font-size:12px;line-height:1.6;min-width:220px;box-shadow:0 8px 32px #0006}#info-panel h3{color:#7dd3fc;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;font-weight:600}#info-panel h3:not(:first-child){margin-top:12px}#info-panel .stat{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05);gap:12px}#info-panel .stat:last-child{border-bottom:none}#info-panel .label{color:#888}#info-panel .value{color:#a5f3fc;font-weight:600}#info-panel .stat-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.3),transparent);margin:8px 0}#info-panel .stat.total{margin-top:4px}#info-panel .stat.total .label{color:#7dd3fc;font-weight:600}#info-panel .stat.total .value{color:#22d3ee;font-weight:600;font-size:13px}#loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#7dd3fc;font-size:14px;letter-spacing:2px;text-transform:uppercase;display:none;z-index:100}#loading.visible{display:block}#loading:after{content:"";animation:dots 1.5s infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}#play-pause{position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background:#0a0a0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);color:#7dd3fc;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0006;transition:all .2s ease;z-index:50}#play-pause:hover{background:#14141ef2;border-color:#7dd3fc4d;transform:scale(1.05);box-shadow:0 0 20px #7dd3fc33}#play-pause:active{transform:scale(.95)}#play-pause .icon-play,#play-pause .icon-pause{display:none}#play-pause.playing .icon-pause{display:block;letter-spacing:-3px}#play-pause:not(.playing) .icon-play{display:block;margin-left:3px}.tp-dfwv{position:fixed!important;top:20px!important;right:20px!important;width:280px!important}