*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:#0f1115;color:#e6e8ee;font-family:-apple-system,system-ui,sans-serif;overscroll-behavior:none}button{font:inherit;color:inherit;background:#1f2330;border:1px solid #2c3142;padding:6px 12px;border-radius:6px;cursor:pointer}button:hover:not(:disabled){background:#2a3040}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:#3b82f6;border-color:#3b82f6}button.primary:hover:not(:disabled){background:#2563eb}input[type=range]{accent-color:#3b82f6}input[type=number]{width:70px}input[type=number],select{background:#1f2330;color:#e6e8ee;border:1px solid #2c3142;border-radius:4px;padding:4px 6px}label{font-size:12px;opacity:.85;display:inline-flex;align-items:center;gap:6px}button.pianly-play-btn:active{transform:translateY(2px)}@keyframes pf-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}